热门关键字:
jquery > jquery教程 > jquery教程 > jQuery选择器,

jQuery选择器,

368
作者:管理员
发布时间:2020/2/20 17:15:45
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=852

jQuery选择器分类

基本选择器 5(种)
层次选择器 4
过滤选择器 11+4+2+9+4+4
表单选择器 11
1.基本选择器

ID选择器
类名选择器 .class
元素选择器  element
通配符选择器 *
群组选择器
2.层次选择器

$("ancestor descendant")  后代选择器
$("parent>child")  子元素选择器
$("prev+next")  选取紧接在prev元素后的next元素   等同于next()方法
$("prev~siblings")  选取prev元素之后的所有sibling元素  等同于nextAll()方法 
3.过滤选择器

基本过滤  11种
内容过滤  4
可见性过滤  2
属性过滤   9
子元素过滤  4
表单对象属性过滤  4
3.1基本过滤选择器

:not(selector)  去除所有与给定选择器匹配的元素
:header  选取所有表题元素,如h1,h2,h3等
:animated  选取正在执行动画的所有元素,如$("div:animated")选取正在执行动画的div元素
:focus  选取当前获取焦点的元素
:first  选取第一个元素
:last  选取最后一个元素
:eq(index)  选取索引等于index的元素
:gt(index)  选取索引大于index的元素
:lt(index)  选取索引小于index的元素
:even  选取索引是偶数的所有元素
:odd  选取索引是奇数的所有元素
3.2内容过滤选择器

:contains(text)  选取含有文本内容为“”text”的元素
:has(selector)  选取含有选择器所匹配的元素,如$("div:has(p)")  选取含有p元素的div元素
:empty  选取不包含子元素或者文本的空元素
:parent  选取含有子元素或者文本的元素
3.3可见性过滤选择器

:hidden  选取所有不可见的元素
:visible  选取所有可见的元素
3.4属性过滤选择器

[attr]  选取拥有此属性的元素  $("div[id]")
[attr = value]  选取属性为value的元素      $("div[title=test]")
[attr != value]  选取属性不为value的元素
[attr ^= value] 选取属性值以value开始的元素
[attr $= value]  选取属性值以value结束的元素
[attr |= value]  选取属性值含有value的元素
[attr ~= value]  选取属性用空格分隔的值中包含一个给定值元素
[attr1][attr2][attr3]  用属性选择器合并成一个复合选择器,满足多个条件。每选择一次,缩小一次范围。eg:$("div[id][title$='test'")选取拥有属性ID,并且属性title以test结束的div元素
3.5子元素选择器

:nth-child(index|even|odd|equation)  选取每个父元素下的第index个子元素或者奇偶元素(index从1算起)
:first-child  选取每个父元素的第一个子元素    eg:$("ul li:first-child")选取每个ul中的第一个li
:last-child  选取每个父元素的最后一个子元素
:only-child  选取独生元素,即某个元素是给定父元素的唯一子元素
3.6表单对象属性过滤选择器

:enabled  选取所有可用元素
:disabled  选取所有不可用元素
:checked  选取所有被选中的元素(单、复选框)
:selected  选取所有被选中的选项元素(下拉列表)  eg:$("select option:selected");  选取所有被选中的option元素
4.表单选择器

:input  选取所有<input><textarea><select><button>元素
:text  选取所有的单行文本框
:radio  选取所有的单选框
:checkbox  选取所有的多选框
:submit  选取所有的提交按钮
:image  选取所有的图像按钮
:reset  选取所有的重置按钮
:button  选取所有的按钮
:file  选取所有的上传域
:hidden  选取所有的不可见元素
 

 

注意事项

  选择器中含有" . "、" # "  、" ( "或" ] "等特殊字符,要使用转义字符进行转义

  $("#id\\#b");

  $("#id\\[1\\]");





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐