jQuery學習和知識點總結歸納

JohnLui 發(fā)布于2019-08-19 18:00 / 3547人閱讀

摘要：目前在前端開發(fā)所占的比重越來越高，在我們學習和開發(fā)的過程中都會去使用。下面把程序員雷雪松對的知識點總結和歸納分享給大家。過濾對同胞元素的搜索。將匹配元素集合縮減為集合中的最后一個元素。返回指定元素相對于其他指定元素的位置。

jQuery目前在Web前端開發(fā)所占的比重越來越高，在我們jQuery學習和開發(fā)的過程中都會去使用。jQuery幫我們解決了瀏覽器之間JS一些不兼容的地方和簡化了原生JS對DOM的操作。下面把PHP程序員雷雪松對jQuery的知識點總結和歸納分享給大家。

1、jQuery簡介
jQuery是一個實用的JavaScript庫。jQuery極大地簡化了JS對DOM的操作，實現(xiàn)一些常用的方法，jQuery還可以鏈式操作。

2、jQuery的基本用法

//引入jQuery文件，可以本地也可以遠程

3、jQuery常用的選擇器和事件，和CSS的選擇器很相似。
$() – 使用CSS選擇器匹配元素
jQuery的事件和JS的事件基本相同，在使用的時候，去掉JS事件前面的on即可。
jQuery常用的事件：
load：當文檔加載時運行腳本
blur：當窗口失去焦點時運行腳本
focus：當窗口獲得焦點時運行腳本
change：當元素改變時運行腳本
submit：當提交表單時運行腳本
keydown：當按下按鍵時運行腳本
keypress：當按下并松開按鍵時運行腳本
keyup：當松開按鍵時運行腳本
click：當單擊鼠標時運行腳本
dblclick：當雙擊鼠標時運行腳本
mousedown：當按下鼠標按鈕時運行腳本
mousemove：當鼠標指針移動時運行腳本
mouseout：當鼠標指針移出元素時運行腳本
mouseover：當鼠標指針移至元素之上時運行腳本
mouseup：當松開鼠標按鈕時運行腳本
abort：當發(fā)生中止事件時運行腳本

4、jQuery常用的效果方法
$(selector).hide() – 隱藏被選的元素
$(selector).show() – 顯示被選的元素
$(selector).toggle() – 對被選元素進行隱藏和顯示的切換
$(selector).slideDown() – 通過調整高度來滑動顯示被選元素
$(selector).slideToggle() – 對被選元素進行滑動隱藏和滑動顯示的切換
$(selector).slideUp() – 通過調整高度來滑動隱藏被選元素
$(selector).fadeIn() – 逐漸改變被選元素的不透明度，從隱藏到可見
$(selector).fadeOut() – 逐漸改變被選元素的不透明度，從可見到隱藏
$(selector).fadeTo() – 把被選元素逐漸改變至給定的不透明度
$(selector).animate() – 對被選元素應用“自定義”的動畫

4、jQuery常用的DOM元素操作方法
$(selector).parent() – 返回被選元素的直接父元素。
$(selector).parents() – 返回被選元素的所有祖先元素，它一路向上直到文檔的根元素 ()，可選參數(shù)來過濾對祖先元素的搜索
$(selector).children() – 返回被選元素的所有直接子元素。可選參數(shù)來過濾對子元素的搜索
$(selector).find() – 返回被選元素的后代元素，一路向下直到最后一個后代，可選參數(shù)來過濾對后后代元素的搜索
$(selector).siblings() – 返回被選元素的所有同胞元素。過濾對同胞元素的搜索。
$(selector).next() – 返回被選元素的下一個同胞元素。
$(selector).nextAll() – 返回匹配元素集合中每個元素之后的所有同輩元素，由選擇器進行篩選（可選）。
$(selector).prev() – 返回的是前面的同胞元素
$(selector).prevAll() – 返回匹配元素集合中每個元素之前的所有同輩元素，由選擇器進行篩選（可選）。
$(selector).first() – 將匹配元素集合縮減為集合中的第一個元素。
$(selector).last() – 將匹配元素集合縮減為集合中的最后一個元素。
$(selector).eq() – 指定索引的新元素。
$(selector).get() – 獲得由選擇器指定的 DOM 元素。
$(selector).index() – 返回指定元素相對于其他指定元素的 index 位置。
注：parent()、next()、prev()、first()、last()、eq()只返回一個元素。返回元素集合的函數(shù)都可以傳傳參數(shù)篩選，比如：parents()、siblings()、nextAll()、prevAll()、siblings()。

$(selector).each() 對對象進行迭代，為每個元素執(zhí)行函數(shù)
$(selector).toArray() 以數(shù)組的形式返回 jQuery 選擇器匹配的元素
$(selector).size() 返回被 jQuery 選擇器匹配的元素的數(shù)量

$(selector).text() – 設置或返回所選元素的文本內容
$(selector).html() – 設置或返回所選元素的內容（包括 HTML 標記）
$(selector).val() – 設置或返回表單字段的值
$(selector).append() – 在被選元素的結尾插入內容
$(selector).prepend() – 在被選元素的開頭插入內容
$(selector).after() – 在被選元素之后插入內容
$(selector).before() – 在被選元素之前插入內容
$(selector).remove() – 刪除被選元素（及其子元素）
$(selector).empty() – 從被選元素中刪除子元素
$(selector).removeAttr() – 從所有匹配的元素中移除指定的屬性。
$(selector).clone() – 創(chuàng)建匹配元素集合的副本
$(selector).load() – 從服務器加載數(shù)據，然后把返回到 HTML 放入匹配元素

5、jQuery對CSS的操作
$(selector).height() – 設置或返回匹配元素的高度。
$(selector).width() – 設置或返回匹配元素的寬度。
$(selector).addClass() – 向被選元素添加一個或多個類
$(selector).removeClass() – 從被選元素刪除一個或多個類
$(selector).toggleClass() – 對被選元素進行添加/刪除類的切換操作
$(selector).css() – 設置或返回樣式屬性
$(selector).hasClass() 檢查匹配的元素是否擁有指定的類。

6、jQuery其他知識點
$(selector).data() – 存儲與匹配元素相關的任意數(shù)據
$(selector).removeData() – 移除之前存放的數(shù)據
$(selector).serialize() – 將表單內容序列化為字符串
$(selector).serializeArray() – 序列化表單元素，返回 JSON 數(shù)據結構數(shù)據

$沖突的解決辦法

//釋放$標識符的控制，使用默認的變量jQuery
$.noConflict();
//自定義變量
var jq = $.noConflict();

7、jQuery Ajax 操作函數(shù)
$.ajax() – 執(zhí)行Ajax異步請求
$.get() – 使用GET請求從服務器獲取數(shù)據
$.getJSON() – 使用GET從服務器請求JSON編碼數(shù)據
$.getScript() – 使用GET從服務器請求JavaScript文件并執(zhí)行該文件
$.post() – 使用POST請求從服務器獲取數(shù)據

原文來源：https://www.leixuesong.com/2496

GPU云服務器云服務器 linux數(shù)據結構知識點總結位段知識總結機器學習學習總結機器學習總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79067.html

工程師如何提升自身的軟素質

摘要：既然軟素質如此有用，那么如何提升就成了最主要的問題。如何提升軟素質所有沒有給出切實可行建議的文章都是雞湯文。自己心中要有努力提升自己軟素質的認知和欲望，才能做到不斷的進步。總結專業(yè)知識固然重要，但是軟素質才是提升自身生活質量的關鍵。前言其實我現(xiàn)在寫這篇文章有點早了，因為我自己對如何提高軟素質也只有一點粗淺的想法。但是我最近發(fā)現(xiàn)，真正能讓別人接受的不一定是總結的極好的真知灼見。真知灼...

plokmju88 2019-08-01 18:28 評論0 收藏0
工程師如何提升自身的軟素質

摘要：既然軟素質如此有用，那么如何提升就成了最主要的問題。如何提升軟素質所有沒有給出切實可行建議的文章都是雞湯文。自己心中要有努力提升自己軟素質的認知和欲望，才能做到不斷的進步。總結專業(yè)知識固然重要，但是軟素質才是提升自身生活質量的關鍵。前言其實我現(xiàn)在寫這篇文章有點早了，因為我自己對如何提高軟素質也只有一點粗淺的想法。但是我最近發(fā)現(xiàn)，真正能讓別人接受的不一定是總結的極好的真知灼見。真知灼...

khs1994 2019-08-22 14:05 評論0 收藏0
精彩文章大合集- 收藏集 - 掘金

摘要：發(fā)布應用市場的平臺搶紅包工具紅包精靈開源啦掘金紅包精靈，如果喜歡，點個開源不易。作者將原素材文章進行了新內容的添加和重新排列，但是因為文章高效的代碼編寫技巧總結前端掘金本文總結了代碼編寫技巧，來提升你的和代碼。收藏安卓開發(fā)中非常實用優(yōu)秀的庫! 有圖有真相! - Android - 掘金本來是打算收藏工具類的,但轉念一想,已經有這么多優(yōu)秀的庫了,就沒必要再去重復造輪子了,便歸納工作中比...

ermaoL 2019-08-29 13:03 評論0 收藏0
前端知識歸納

摘要：繼承性子標簽會繼承父標簽樣式優(yōu)先級行內樣式選擇器類選擇器標簽選擇器通配符繼承機制創(chuàng)建了的元素中，在垂直方向上的會發(fā)生重疊。技能考察：一、關于Html 1、html語義化標簽的理解; 結構化的理解; 能否寫出簡潔的html結構; SEO優(yōu)化 a、理解：根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和...

sixleaves 2019-08-02 16:13 評論0 收藏0