jQuery常见的选择器操作运算符

前端开发 简书

>表示直接子元素

表示(“parent > child”) 选择器选取指定元素的 直接子元素
的所有元素。

$(“div > p”)

元素的直接子元素的所有

元素

+表示相邻的元素

$("div + p")    每个 
元素相邻的下一个

元素

~ 表示同级的元素

$("div ~ p")    
元素同级的所有

元素

:表示集合过滤的元素

$("ul li:lt(3)")    列举 index 小于 3 的元素
$("ul li:gt(3)")    列举 index 大于 3 的元素
$("ul li:eq(3)")    列表中的第四个元素(index 值从 0 开始)
$(":input") 所有 input 元素
$(":text")  所有带有 type="text" 的 input 元素

=表示属性值等于的元素

$("[href='default.htm']")   所有带有 href 属性且值等于 "default.htm" 的元素

^=表示属性且值以指定单词的元素 开头的元素

$("[title^='Tom']") 所有带有 title 属性且值以 "Tom" 开头的元素

~=表示属性且值包含指定单词的元素

$("[title~='hello']")   所有带有 title 属性且值包含单词 "hello" 的元素

*=表示属性且值包含指定字符串的元素。

$("[title*='hello']")   所有带有 title 属性且值包含字符串 "hello" 的元素

[]表示属性容器

$("[href]") 所有带有 href 属性的元素
$("[href='default.htm']")   所有带有 href 属性且值等于 "default.htm" 的元素

$=表示属性值以指定字符结尾的元素

$("[href$='.jpg']") 所有带有 href 属性且值以 ".jpg" 结尾的元素

!=表示表示属性值不等于的元素

$("[href!='default.htm']")  所有带有 href 属性且值不等于 "default.htm" 的元素

*表示所有元素

$("*")  所有元素

,表示多个元素

$(".intro,.demo")   class 为 "intro" 或 "demo" 的所有元素
$("h1,div,p")   所有 

元素

简书稿源:简书 (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 前端开发 » jQuery常见的选择器操作运算符

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录