jquery查找元素

Posted BluesQian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery查找元素相关的知识,希望对你有一定的参考价值。

一:查找元素

*  所有元素

element  该名称的所有元素(p,input)

#id  拥有指定id属性的元素

.class  拥有所有指定class属性的元素

selector1,selector2  能匹配多个选择器的元素

二:基本选择器

div p  一个元素是另一个元素的后代

div > p(parent > child)  一个元素是另一个元素的直接子节点(可以在p后面使用*来指定元素的所有子元素)

div1 + div2(previous + next)  相邻的兄弟选择器,只会选择紧跟在前一个元素之后的那一个元素

div1 ~ div2(previous + siblings)  兄弟选择器会选中前一个元素的所有兄弟元素

三:基本筛选器

:not(selector)  除选择器之外的所有元素(比如div:not(“#summary”))

:first  除去元素中的第一个元素

:last  除去元素的最后一个元素

:even  选中元素中索引编号为偶数的元素

:odd  选中元素中索引编号为奇数的元素

:eq(index)  选中元素中索引编号为参数中指定数字的元素

:gt(index)  选中元素中索引编号大于参数中指定数字的元素

:lt(index)  选中元素中索引编号小于参数中指定数字的元素

header  所有的<h1>到<h6>元素

:animated  正在进行动画的元素

:focus  当前拥有焦点的元素

四:内容筛选器

:contains(“text”)  包含参数中指定文本的元素

:empty  没有子节点的所有元素

:parent  拥有子节点(文本或子元素)的元素

:has(selector)  至少包含一个匹配选择器的元素(例如,div:has(p))匹配所有包含<p>元素的div元

五:可见性筛选器

:hidden  所有隐藏的元素

:visible  所有在页面布局中占据空间的元素

      不会被选中的元素包括:display:none;height/width:0;祖先元素被隐藏;

      会选中的元素:visibility:hidden;opacity:0;因为他们都会在布局中占据空间

六:子节点筛选器

:nth-child(expr)  参数中的值是从1开始的索引

:first-child  当前选中元素的第一个子节点

:last-child  当前选中元素的最后一个子节点

:only-child  当元素是父元素中唯一的子节点时

七:属性筛选器

[attribute]  拥有指定属性的元素

[attribute=‘value’]  拥有指定属性,并且值为指定值得元素

[attribute!=‘value’]  拥有指定属性,并且值补位指定值得元素

[attribute^=‘value’]  属性的值以特定的值开头

八:表单选择器

:input  所有的input元素

:text  所有文本类型的input元素

:password  所有密码类型的input元素

:radio  所有的单选按钮

:checkbox  所有的复选框

:submit  所有的提交按钮

:image  所有的图片按钮

:reset  所有的重置按钮

:button  所有的<button>元素

:file  所有的文件选择器

:selected  下拉列表中所有被选中的列表项

:enabled  所有可用的表单元素

:disabled  所有被禁用的表单元素

:checked  所有被选中的单选按钮或复选框

以上是关于jquery查找元素的主要内容,如果未能解决你的问题,请参考以下文章

jQuery学习—jQuery中对象的查找方法总结

jQuery使用:DOM操作之查找兄弟元素和父级元素

Jquery - 查找 $(this) 是啥元素 [重复]

jQuery父级以及同级元素查找的实例

jQuery 查找和追加元素

使用 jQuery 查找元素的类型