jQuery 选择器、DOM操作、事件、动画

2020-05-22 17:06:50易采站长站整理



:first只返回单个元素,而:first-child选择符将为每个父元素匹配第一个子元素。


例如$(“ul li:first-child”)选取每个ul中第一个li元素




:last只返回单个元素,而:last-child选择符将为每个父元素匹配最后一个子元素




$(“ul li:only-child”)在ul中选取是唯一子元素的li元素


:nth-child()选择器是很常用的子元素过滤选择器,详细功能如下:


1.:nth-child(even)能选取每个父元素下的索引值是偶数的元素


2. :nth-child(odd)能选取每个父元素下的索引值的奇数的元素


3.:nth-child(2)能选取每个父元素下索引值等于2的元素


4.nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素(n从0开始)


5.nth-child(3n+1)能选取每个父元素下的索引值是(3n+1)的元素(n从0开始)


(6)表单对象属性过滤选择器













$(“#form1 :enabled”)选取id为form1的表单内的所有可用元素


$(“#form2 :disabled”)选取id为“form2”的表单内的所有不可用元素


$(“input:checked”)选取所有被选中的input元素


$(“select :selected”.text())选取所有被选中的选项元素


5.表单选择器

























$(“:input”)选取所有input、textarea、select和button元素


$(“:text”)选取所有的单行文本框


$(“:password”)选取所有的密码框


$(“:radio”)选取所有的单选框


$(“:checkbox”)选取所有的复选框


$(“:submit”)选取所有的提交按钮


$(“:image”)选取所有的图像按钮


$(“:reset”)选取所有的重置按钮


$(“:button”)选取所有的按钮


$(“:file”)选取所有的上传域