jQuery选择器
2016-07-09 10:39:22 0 举报AI智能生成
jQuery选择器是一种用于从HTML文档中选取元素的模式。它基于CSS选择器的语法，并提供了更多的功能和灵活性。通过使用jQuery选择器，我们可以快速而简洁地选取元素，并对它们进行操作和修改。常见的jQuery选择器包括元素选择器、属性选择器、类选择器、ID选择器等。此外，jQuery还提供了一些高级选择器，如层次选择器、过滤选择器等，使得选取更加灵活和准确。通过使用jQuery选择器，我们可以实现动态效果、事件处理、动画效果等功能，提升用户体验和交互性。总之，jQuery选择器是jQuery库中非常重要的一部分，它为我们提供了强大的选取和操作HTML元素的能力。
作者其他创作
大纲/内容
可见性选择器
匹配所有不可见元素，或者type为hidden的元素
$("tr:hidden")
匹配所有的可见元素
$("tr:visible")
属性选择器
匹配包含给定属性的元素
$("div[id]")
匹配含有id属性的div元素
匹配给定的属性是某个特定值的元素
查找所有 name 属性是 newsletter 的 input 元素
$("input[name='newsletter']").attr("checked", true);
匹配所有不含有指定的属性，或者属性不等于特定值的元素
$("input[name!='newsletter']")
匹配给定的属性是以某些值开始的元素
$("input[name^='news']")
匹配给定的属性是以某些值结尾的元素
$("input[name$='letter']")
匹配给定的属性是以包含某些值的元素
$("input[name*='man']")
复合属性选择器，需要同时满足多个条件时使用。
找到所有含有 id 属性，并且它的 name 属性是以 man 结尾的
$("input[id][name$='man']")
子元素选择器
匹配其父元素下的第N个子或奇偶元素
#备注:要匹配元素的序号，从1开始
$("ul li:nth-child(2)")
匹配第一个子元素
$("ul li:first-child")
匹配最后一个子元素
$("ul li:last-child")
如果某个元素是父元素中唯一的子元素，那将会被匹配
$("ul li:only-child")
表单选择器
$(":input")
匹配所有 input, textarea, select 和 button 元素
基本选择器
id选择器
$("#id")
类选择器
$(".class")
元素选择器
$("element")
*选择器
$("*")
selector选择器
以逗号隔开，可以是任意的基本选择器
层次选择器
在给定的祖先元素下匹配所有的后代元素(ancestor descendant)
父子选择器(parent > child)
next选择器(pre + next)
兄弟选择器(elem ~ siblings)
基本过滤选择器
first过滤选择器(:first)
last选择器(:last)
写法：$("div").last()或者$("div:last")
not选择器- $("div:not('#one')")
偶数选择器
$("div:even")
奇数选择器
$("div:odd")
eq选择器
$("tr:eq(1)")
从0开始计数
小于过滤选择器
$("tr:lt(1)")
大于过滤选择器
$("tr:gt(1)")
标题选择器
$(":header")
匹配所有正在执行动画效果的元素
$(":animated")
内容过滤选择器
匹配包含给定文本的元素
$("div:contains('John')")
匹配所有不包含子元素或者文本的空元素
$("td:empty")
匹配含有选择器所匹配的元素的元素
$("div:has(p)")--div元素下是否有p标签
匹配含有子元素或者文本的元素
$("td:parent")
表单对象
匹配所有可用元素
$("input:enabled")
匹配所有不可用元素
$("input:disabled")
匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)
$("input:checked")
匹配所有选中的option元素
$("select option:selected")
0 条评论
下一页
