html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

常见的jQuery选择器汇总_jquery_

[ ] 已经帮助:人解决问题

基本元素选择器LzrHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
LzrHTML5中文学习网 - HTML5先行者学习网
$("p")LzrHTML5中文学习网 - HTML5先行者学习网
$("p.ii")选取所有class=ii的 p元素LzrHTML5中文学习网 - HTML5先行者学习网
$("p#demo")选取id=demo的第一个p元素LzrHTML5中文学习网 - HTML5先行者学习网
LzrHTML5中文学习网 - HTML5先行者学习网

分层选择器LzrHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
LzrHTML5中文学习网 - HTML5先行者学习网
$("div input")div 下的所有inputLzrHTML5中文学习网 - HTML5先行者学习网
$("div>input")LzrHTML5中文学习网 - HTML5先行者学习网
LzrHTML5中文学习网 - HTML5先行者学习网

基本条件选择器LzrHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
LzrHTML5中文学习网 - HTML5先行者学习网
$("p:first")LzrHTML5中文学习网 - HTML5先行者学习网
$("p:last")LzrHTML5中文学习网 - HTML5先行者学习网
$("tr:even")选择偶数行LzrHTML5中文学习网 - HTML5先行者学习网
$("tr:odd")奇数LzrHTML5中文学习网 - HTML5先行者学习网
$("input:not(:checked)")选择所有为本选中的元素LzrHTML5中文学习网 - HTML5先行者学习网
$("tr:eq(1)")索引值为1的表格LzrHTML5中文学习网 - HTML5先行者学习网
$("tr:gt(0)")大于0LzrHTML5中文学习网 - HTML5先行者学习网
$("tr:lt(0)")小于0LzrHTML5中文学习网 - HTML5先行者学习网
$(":header")选择所有标题元素LzrHTML5中文学习网 - HTML5先行者学习网
$(":animated")正在执行的动画LzrHTML5中文学习网 - HTML5先行者学习网
LzrHTML5中文学习网 - HTML5先行者学习网

内容条件选择器LzrHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
LzrHTML5中文学习网 - HTML5先行者学习网
$("div:constains('ddd')")选择包含ddd文本的层元素LzrHTML5中文学习网 - HTML5先行者学习网
$("td:empty")选择不包含文本或者子元素的表格单元LzrHTML5中文学习网 - HTML5先行者学习网
$("div:has(p)")选择包含段落元素的层元素LzrHTML5中文学习网 - HTML5先行者学习网
$("td:parent")选择包含子元素或者文本的表格单元LzrHTML5中文学习网 - HTML5先行者学习网
LzrHTML5中文学习网 - HTML5先行者学习网

可见性条件选择器LzrHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
LzrHTML5中文学习网 - HTML5先行者学习网
$("tr:hidden")  //选择所有隐藏的表格LzrHTML5中文学习网 - HTML5先行者学习网
$("tr:visible") 选择所有可见的表格LzrHTML5中文学习网 - HTML5先行者学习网
LzrHTML5中文学习网 - HTML5先行者学习网

属性选择器LzrHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
LzrHTML5中文学习网 - HTML5先行者学习网
$("div[id]")具有id属性的层LzrHTML5中文学习网 - HTML5先行者学习网
$("input[name='']") input属性name=''LzrHTML5中文学习网 - HTML5先行者学习网
$("input[name!='']")LzrHTML5中文学习网 - HTML5先行者学习网
$("input[name^='']")选择具有name属性并且值为‘'为起始内容的表单输入元素LzrHTML5中文学习网 - HTML5先行者学习网
$("input[name$='']")选择具有name属性并且值为‘'为结束内容的表单输入元素LzrHTML5中文学习网 - HTML5先行者学习网
$("input[name*='']")选择具有name属性并且值为‘'的表单输入元素LzrHTML5中文学习网 - HTML5先行者学习网
$("input[id][name$='']")选择具有id和name属性的值以‘'为结束内容的输入表单元素LzrHTML5中文学习网 - HTML5先行者学习网
LzrHTML5中文学习网 - HTML5先行者学习网

子元素选择器LzrHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
LzrHTML5中文学习网 - HTML5先行者学习网
$("ul li:nth-child(2)")选择第二个列表项LzrHTML5中文学习网 - HTML5先行者学习网
$("ul li:nth-child(even)")LzrHTML5中文学习网 - HTML5先行者学习网
$("ul li:nth-child(odd)")LzrHTML5中文学习网 - HTML5先行者学习网
$("ul li:nth-child(3n)")LzrHTML5中文学习网 - HTML5先行者学习网
$("ul li:first-child")LzrHTML5中文学习网 - HTML5先行者学习网
$("ul li:last-child")LzrHTML5中文学习网 - HTML5先行者学习网
$("ul li:only-child")选择列表出现且仅出现一个列表项LzrHTML5中文学习网 - HTML5先行者学习网
LzrHTML5中文学习网 - HTML5先行者学习网

表单元素选择器LzrHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
LzrHTML5中文学习网 - HTML5先行者学习网
$("input")选择所有 input textarea select button等元素LzrHTML5中文学习网 - HTML5先行者学习网
$(":text")文本行LzrHTML5中文学习网 - HTML5先行者学习网
$(":password")LzrHTML5中文学习网 - HTML5先行者学习网
$(":radio")LzrHTML5中文学习网 - HTML5先行者学习网
$(":checkbox")LzrHTML5中文学习网 - HTML5先行者学习网
$(":submit")LzrHTML5中文学习网 - HTML5先行者学习网
$(":image")LzrHTML5中文学习网 - HTML5先行者学习网
$(":reset")LzrHTML5中文学习网 - HTML5先行者学习网
$(":button")LzrHTML5中文学习网 - HTML5先行者学习网
$(":file")LzrHTML5中文学习网 - HTML5先行者学习网
$(":hidden")LzrHTML5中文学习网 - HTML5先行者学习网
LzrHTML5中文学习网 - HTML5先行者学习网

表单属性选择器LzrHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
LzrHTML5中文学习网 - HTML5先行者学习网
$("input:enabled")  //选择所有可用LzrHTML5中文学习网 - HTML5先行者学习网
$("input:disabled")LzrHTML5中文学习网 - HTML5先行者学习网
$("input:checked")LzrHTML5中文学习网 - HTML5先行者学习网
$("select:option:selected")LzrHTML5中文学习网 - HTML5先行者学习网
LzrHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助