jquery选择器【总结】

简介:   本文总结整理了jquery里和选择器相关的所有方法,通过这篇文章,可以让你学习到在jquery里使用选择器的所有方法。一:基本选择器:$("#aijquery") 选择id值等于aijquery的元素$("p") 选择所有的P标签元素 $(".

  本文总结整理了jquery里和选择器相关的所有方法,通过这篇文章,可以让你学习到在jquery里使用选择器的所有方法。

一:基本选择器:

$("#aijquery") 选择id值等于aijquery的元素
$("p") 选择所有的P标签元素 
$(".aijquery") 选择css里使用aijquery类的所有元素 
$("*") 选择文档中的所有的元素,
$("#aijquery,div,.angel") 联合选择,选择ID为aijquery,div标签,和含有angel的CSS样式的所有标签

二:层级选择器:

$("div p") 选择div标签内的所有p标签元素 包括子元素的子元素 
$("div > p") 选择div标签里的所有P标签子元素 不包括子元素的子元素 
$("div + p") 选择所有紧跟在div标签后面的P标签元素 
$("div ~ p") 选择所有与div同辈的P标签元素

三:基本过滤器:

$("div:first") 选择所有div元素的第一个 
$("div:last") 选择所有div元素的最后一个 
$("input:not(:checked)") 选择所有未选中的Input 
$("tr:even") 选择所有的tr元素的第0,2,4... ...个元素 
$("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素 
$("td:eq(2)") 选择所有的td元素中序号为2的那个td元素 
$("td:gt(4)") 选择td元素中序号大于4的所有td元素 
$("td:lt(4)") 选择td元素中序号小于4的所有的td元素

四:内容过滤器:

$("div:contains('aijquery')") 选择所有div中含有aijquery文本的元素 
$("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组 
$("div:has(p)") 选择所有含有p标签的div元素 
$("td:parent") 选择所有的以td为父节点的元素数组

五:属性过滤器:

$("div[id]") 选择所有含有id属性的div元素 
$("input[name='aijquery']") 选择所有的name属性等于'aijquery'的input元素 
$("input[name!='aijquery']") 选择所有的name属性不等于'aijquery'的input元素 
$("input[name^='aijquery']") 选择所有的name属性以'aijquery'开头的input元素 
$("input[name$='aijquery']") 选择所有的name属性以'aijquery'结尾的input元素 
$("input[name*='aijquery']") 选择所有的name属性包含'aijquery'的input元素 
$("input[id][name$='aijquery']") 选择所有含有id属性并且name属性以aijquery结尾的元素

六:表单元素选择器:

$(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button 
$(":text") 选择所有的text input元素 
$(":password") 选择所有的password input元素 
$(":radio") 选择所有的radio input元素 
$(":checkbox") 选择所有的checkbox input元素 
$(":submit") 选择所有的submit input元素 
$(":image") 选择所有的image input元素 
$(":reset") 选择所有的reset input元素 
$(":button") 选择所有的button input元素 
$(":file") 选择所有的file input元素 
$(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域

 

出处:http://www.aijquery.cn

目录
相关文章
N..
|
25天前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
13 1
|
3月前
|
JavaScript
jquery的9大选择器
jquery的9大选择器
26 2
|
3月前
|
JavaScript
jQuery :nth-of-type(n)选择器的用法详解
jQuery中,:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择,为了更好地阐述:nth-of-type(n)的语法,这里假设selector是一个元素p选择器,如此,:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素,而且与p是否是该父元素的第n个子元素无关,比如
40 5
|
6月前
|
JavaScript 前端开发 索引
jQuery入门&以及选择器
jQuery 是一个快速、简洁的 JavaScript 库,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
31 0
|
6月前
|
JavaScript 前端开发 Java
jQuery入门&选择器
jQuery入门&选择器
|
6月前
|
存储 JavaScript 前端开发
jQuery 入门&选择器
jQuery 入门&选择器
37 0
|
29天前
|
JavaScript
jQuery选择器案例之——index.js
jQuery选择器案例之——index.js
8 0
|
29天前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
9 1
|
29天前
|
JavaScript 前端开发
jQuery选择器整理
jQuery选择器整理
13 0
|
30天前
|
前端开发 JavaScript 索引
第二章jQuery选择器
第二章jQuery选择器
8 0