欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

常见的jQuery选择器汇总

时间:2021-06-06 08:49:44|栏目:jquery|点击:

基本元素选择器

复制代码 代码如下:

$("p")
$("p.ii")选取所有class=ii的 p元素
$("p#demo")选取id=demo的第一个p元素

分层选择器

复制代码 代码如下:

$("div input")div 下的所有input
$("div>input")

基本条件选择器

复制代码 代码如下:

$("p:first")
$("p:last")
$("tr:even")选择偶数行
$("tr:odd")奇数
$("input:not(:checked)")选择所有为本选中的元素
$("tr:eq(1)")索引值为1的表格
$("tr:gt(0)")大于0
$("tr:lt(0)")小于0
$(":header")选择所有标题元素
$(":animated")正在执行的动画

内容条件选择器

复制代码 代码如下:

$("div:constains('ddd')")选择包含ddd文本的层元素
$("td:empty")选择不包含文本或者子元素的表格单元
$("div:has(p)")选择包含段落元素的层元素
$("td:parent")选择包含子元素或者文本的表格单元

可见性条件选择器

复制代码 代码如下:

$("tr:hidden")  //选择所有隐藏的表格
$("tr:visible") 选择所有可见的表格

属性选择器

复制代码 代码如下:

$("div[id]")具有id属性的层
$("input[name='']") input属性name=''
$("input[name!='']")
$("input[name^='']")选择具有name属性并且值为‘'为起始内容的表单输入元素
$("input[name$='']")选择具有name属性并且值为‘'为结束内容的表单输入元素
$("input[name*='']")选择具有name属性并且值为‘'的表单输入元素
$("input[id][name$='']")选择具有id和name属性的值以‘'为结束内容的输入表单元素

子元素选择器

复制代码 代码如下:

$("ul li:nth-child(2)")选择第二个列表项
$("ul li:nth-child(even)")
$("ul li:nth-child(odd)")
$("ul li:nth-child(3n)")
$("ul li:first-child")
$("ul li:last-child")
$("ul li:only-child")选择列表出现且仅出现一个列表项

表单元素选择器

复制代码 代码如下:

$("input")选择所有 input textarea select button等元素
$(":text")文本行
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")
$(":file")
$(":hidden")

表单属性选择器

复制代码 代码如下:

$("input:enabled")  //选择所有可用
$("input:disabled")
$("input:checked")
$("select:option:selected")

上一篇:jquery ezUI 双击行记录弹窗查看明细的实现方法

栏    目:jquery

下一篇:简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)

本文标题:常见的jQuery选择器汇总

本文地址:http://www.codeinn.net/misctech/136701.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有