2020-09-28

基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。

1、ID选择器 #id

描述：根据给定的id匹配一个元素， 返回单个元素（注：在网页中，id名称不能重复）

示例：$("#test") 选取 id 为 test 的元素

2、类选择器 .class

描述：根据给定的类名匹配元素，返回元素集合

示例：$(".test") 选取所有class为test的元素

3、元素选择器 element

描述：根据给定的元素名匹配元素，返回元素集合

示例：$("p") 选取所有的<p>元素

4、*

描述：匹配所有元素，返回元素集合

示例：$("*") 选取所有的元素

5、selector1，selector2,...,selectorN

描述：将每个选择器匹配到的元素合并后一起返回，返回合并后的元素集合

示例：$("p,span,p.myClass") 选取所有<p>,<span>和class为myClass的<p>标签的元素集合

 

jQuery之属性过滤选择器

1：包含属性过滤器

      用于选择包含给定属性的所有元素

     格式:$("selector[attribute]")

 

2：属性等于过滤器

     用于筛选给定属性等于某特定值的所有元素

     $("selector[attribute=value]");

    例子：$("input[name=accept]").attr("checked", "true");  //将name为accept的复选框选中  

 

3：属性包含过滤器

      用于选择指定属性值包含给定字符串的所有元素

     格式:$("selector[attribute*=value]")   

    例子:$("input[name*='news']").val("name中包含有news的元素");  //将name中包含'news'的文本框添加文本值

 

4：属性包含单词过滤器

     用于选择指定属性值中包含给定单词(由空格分隔)的元素

    格式:$("selector[attribute~=value]");

    例子:$('input[name~='news']').val("name中包含news单词的元素");

 

5：属性不等于过滤器

      用于选择不包含指定属性，或者包含指定属性但该属性不等于某个值的所有元素

      格式:$("selector[attribute!=value]")

 

6：属性开始过滤器

      用于选择给定属性是以某特定值开始的所有元素

     格式:$("selector[attribute^=value]")   

 

7：属性结尾过滤器

      用于选择给定属性是以某特定值结尾的所有元素

      格式:$("selector[attribute$=value]")