jQuery學習筆記

2021-09-01 18:11:07 字數 842 閱讀 6862

最近又把鋒利的jquery看了一遍,又有了新的收穫:

1、end()遍歷方法

end() 方法結束當前鏈條中的最近的篩選操作,並將匹配元素集還原為之前的狀態。

$("ul li").find('li1').css().end().find('li2').css();先執行'li1',然後還原之前狀態,再執行'li2',也就是重新返回$("ul li")物件。

2、:first和:first-child

區別:第乙個只匹配第乙個元素,第二個匹配所有父元素下的第乙個元素

3、:nth-child(index)

:nth-child(index)是從1開始的

:nth-child是常用的子元素過濾選擇器,常用功能如下

:nth:child(even)選取每個父元素下的索引值是偶數的元素

:nth-child(odd)選取每個父元素下的索引值是奇數的元素

4、find()和filter

區別:find()是選取子元素,如 $('"ul").find('li');一般是選取ul下的li元素;

filter()是選取同輩元素,如$("ul li").filter('li');選取的結果是li元素;

5、冒泡事件

event.stoppropagation();//阻止冒泡事件

event.preventdefault();//阻止預設行為(表單提交)

6、反選和全選

$("#checkall").click(function())//反選

// $("input[name='items']:checkbox").attr("checked",this.checked);全選

})

jquery學習筆記

判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...

Jquery 學習筆記

text 和 val 的區別 text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 b a p text 將得到 ba 單行文字不能用text 方法獲得值,必須...

Jquery學習筆記

1.給一組相同的css加事件,要使用bind,live在新的版本已經過期。testcss bind click function e else 未選中 3.改變checkbox選中狀態 mycheckbox prop checked true mycheckbox prop checked fals...