jQuery过滤性选择器

:first 过滤选择器 ：last

$("li:first").css("background","red");

找到页面上的 第一个li 将li的第一个变颜色

:first-child 子元素过滤选择器 :last-child 子元素过滤选择器

$("li:first-child").css("background","red");

找到页面上的 所有li 将li的第一个变颜色

-------------------------------------------------------------------------------------------

:eq(index) 过滤选择器

其中参数 index 表示索引号（即：一个整数），它从 0 开始，如果 index 的值

为 3，表示选择的是第 4 个元素。 把整个页面上的li从0开始 整个页面时一个整体

$("li:eq(3)").css("background","red"); 等同于 first last

:nth-child(index)

其中参数 index 表示索引号（即：一个整数），它从1 开始，如果 index 的值

为 4，表示选择的是第 4 个元素。 页面中 所有

$("li:nth-child(4)").css("background","red");

-------------------------------------------------------------------------------------------

:contains(text)

选择 包含指定字符串的 全部元素

$("li:contains('土豪')").css("background","red");

:has(selector) 过滤选择器

获取了包含<p>元素的 全部<li>元素

$("li:has('p')").css("background"0.,"red");

-------------------------------------------------------------------------------------------

:hidden 过滤选择器

获取 全部不可见的元素

$("li:hidden").html();

:visible 过滤选择器

获取的是 全部可见的元素

$("li:visible").html();

-------------------------------------------------------------------------------------------

[attribute=value] 属性选择器

获取与属性名和属性值 完全相同的全部元素

$("li:[name='li']").css("background","red");

多个属性时：

$("li[id='s'][class='d']").css("background","red"); 且

$("li[id='s']，[class='d']").css("background","red"); 或 区别在于逗号

[attribute!=value]属性选择器

是获取 不包含属性名，或者与属性名和属性值不相同的全部元素

$("li[id!='s']").css("background","red");

$("li[id!='s'][class!='d']").css("background","red"); 且

$("li[id!='s']，[class!='d']").css("background","red"); 或 区别在于逗号

[attribute*=value] 属性选择器

获取属性值中 包含指定内容的全部元素

$("li[id*='s']").css("background","red");

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

表单选择器

:input 表单选择器

返回 全部的表单元素，不仅包括所有<input>标记的表单元素，而且还包括<textarea>、

<select> 和 <button>标记的表单元素