一:查找元素

*  所有元素

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查找元素的更多相关文章

  1. jQuery 查找元素1

    jQuery 查找元素1 1. id // 通过id查找 $('#id') 2. class <div class='c1'></div> // 通过class查找 $('.c ...

  2. jQuery 查找元素2

    jQuery 查找元素2 :first <ul> <li>list item 1</li> <li>list item 2</li> < ...

  3. jquery 查找元素,id,class

    查找元素下的class 带有.pageactive的a标签 $('a.pageactive') 标签a和..pageactive不要有空格,有空格找不到 ======================= ...

  4. jquery 查找元素

    /************ 查找父元素 *************/ //closest()方法 $("#mytd1").bind("click",functi ...

  5. <<< Jquery查找元素、选择器使用方法总结

    $("#myDiv"); //根据给定的ID匹配一个元素,用于搜索id 属性中给定的值,id属性必须是唯一的 $("div"); //根据给定的元素名匹配所有元 ...

  6. jquery 查找元素,并判断隐藏或显示

    html <div class="panel-heading"> <h4 class="panel-title"> <a data ...

  7. jquery查找父元素、子元素(个人经验总结)

    使用js或者jquery查找父元素.子元素经常遇到.可是用起来总容易混淆,这里统一总结了一下,以后用起来相信会方便好多 这里jquery向上查找父元素 用到的方法:closest() parents( ...

  8. Jquery下控制backgroundPosition位置的问题/jquery查找data id相等的元素

    1:想通过控制backgroundPosition 来实现动态效果: $(this).animate({"background-positionY":-13},1); //但是火狐 ...

  9. jquery查找frameset框架内iframe的元素

    老系统还幸存有过时的frameset框架,维护升级工作需要对其内部的iframe中的元素进行相关操作.使用jquery查找子iframe页面内的元素时,总找不到目标元素.后来发现少了contents ...

随机推荐

  1. 淘宝联盟api调用笔记

    一.流程及主要请求接口 每日凌晨1点开始,服务器定时自动请求淘宝联盟数据,请求完毕之后,执行一个存储过程对数据进行整理,删除过期...购买数量<...的商品......,请求接口分别有(tbk_ ...

  2. Python中的输出

    1.Python的输出语句 Python输出语句是print,但是python2.x与3.x又有点区别.python2.x输出 print "xxx"能成功执行,而3.x不行,所以 ...

  3. PHP基础入门(三)【PHP中的数组】

    PHP数组的分类 按照下标的不同,PHP数组分为关联数组与索引数组: 索引数组:下标从0开始,依次增长: 关联数组: 下标为字符串格式,每个下标字符串与数组的值一一关联对应.(有点像对象的键值对) 关 ...

  4. C#设计模式之十四模板方法模式(Template Method)【行为型】

    一.引言 “结构型”的设计模式已经写完了,从今天我们开始讲“行为型”设计模式.现在我们开始讲[行为型]设计模式的第一个模式,该模式是[模板方法],英文名称是:Template Method Patte ...

  5. python基础-------模块与包(一)

    模块与包 Python中的py文件我们拿来调用的为之模块:主要有内置模块(Python解释器自带),第三方模块(别的开发者开发的),自定义模块. 目前我们学习的是内置模块与第三方模块. 通过impor ...

  6. Spring AMQP + Rabbit 配置多数据源消息队列

    一般在稍微大一点的项目中,需要配置多个数据库数据源,最简单的方式是用 Spring 来实现,只需要继承 AbstractRoutingDataSource 类,实现 determineCurrentL ...

  7. flex布局元素操作详情

    之前布局一直用的是 position,float之类的,趁着国庆学习一下 flex 布局 父元素: flex-direction: row row-reverse column column-reve ...

  8. 《java.util.concurrent 包源码阅读》26 Fork/Join框架之Join

    接下来看看调用ForkJoinTask的join方法都发生了什么: public final V join() { // doJoin方法返回该任务的状态,状态值有三种: // NORMAL, CAN ...

  9. 【正则表达式】--python(表示字符)

    [前修知识] match :匹配    span:范围 match 是从头往后开始匹配,search不按照顺序,直接获取自己想要的,有就显示,没有就None r 代表反转义,前面也提到过这个知识,如果 ...

  10. ios2048小游戏

    最近突然想写一个2048的小游戏,由于全部是自定义控件,所以程序看起来冗杂,但是核心的算法部分还是很不错的,大家感兴趣的可以仔细看看. 声明部分: #import <UIKit/UIKit.h& ...