一。基本选择器

1.$("#id") id选择器,返回单个元素

2.$(".class") class选择器,返回集合元素

3.$("element") 标签element,返回集合元素

4.$("*") 所有元素*,改变所有html标签元素,返回集合元素

5.$("selector,selector2……") 将每一个选择器匹配到的元素合并后一起返回,返回集合元素

二。层次选择器

1.$("ancestor descendant") 后代元素选择器,其中ancestor是指任何有效元素,descendant是其后代

2.$("parent>child") 子元素选择器

  注:子元素选择器只能选择到子元素,后代元素选择器能选择所有后代,子孙等

3.$("prev+next") 相邻元素选择器,next是prev元素相邻的下一个元素

4.$("prev~siblings") 兄弟选择器,siblings是指prev元素后面的所有兄弟元素

在这里写几个方法,可以与上面的方法交替使用:

1.jquery.parent() 找父元素

2.jquery.parents() 找到所有祖先元素,不只限于一个父元素

3.jquery.children() 查找所有子元素,只会找到直接的孩子节点,不会孙子

4.jquery.contents() 查找下面的所有内容,包括节点和文本

5.jquery.prev() 查找上一个兄弟节点

6.jquery.prevAll() 查找之前的所有兄弟节点

7.jquery.next() 查找下一个兄弟节点

8.jquery.nextAll() 查找之后的所有兄弟节点

9.jquery.siblings() 查找其余的所有兄弟节点,部分前后

10.jquery.find(expr) 查找其子孙后代中的元素节点

三。基本过滤选择器

jquery选择器的过滤规则与css中的伪类选择器语法是相同的,都以":"开头。

1. :first 选取第一个元素,例如:$("E:first")。返回单个元素

2. :last 选取最后一个元素,返回单个元素

3. :not(selector) 去除所有与给定选择器匹配的元素,返回集合元素

4. :even 选取索引值为偶数的所有元素,其中索引值从0开始计算,返回集合元素

5. :odd 选取索引值为奇数的所有元素,返回集合元素

6. :eq(index) 选取索引值等于index的元素,其中index从0开始计算,返回集合元素

7. :gt(index) 选取索引值大于index的元素,其中index从0开始计算,返回集合元素

8. :lt(index) 选取索引值小于index的元素,其中index从0开始计算,返回集合元素

9. :header 选取页面所有标题元素h1-h6,返回集合元素

10. :animated 选取当前正在执行动画的所有元素

四。内容过滤选择器

1. :contains(text) 选取含有文本内容为"text"的元素,返回集合元素

2. :empty 选取不含任何子元素或文本的空元素,返回集合元素

3. :has(selector) 选取含有选择器所匹配的元素,返回集合元素

4. :parent 选取含有子元素或者文本的元素标签,返回集合元素

jquery的选择器的更多相关文章

  1. jQuery 的选择器常用的元素查找方法

    jQuery 的选择器常用的元素查找方法 基本选择器: $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myE ...

  2. HTML 学习笔记 JQuery(选择器)

    学习前端也有一段时间了,今天终于进入到JQuery阶段了,对于新手来讲,JQuery的选择器类型之多 功能之强大实在不是一天两天能够记得完的.现在,就采用边学边记录的方式.以后要是忘了的话,也有一个地 ...

  3. jQuery的选择器中的通配符总结

    1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']&quo ...

  4. JQuery 层次选择器

    <!DOCTYPE HTML> <html> <head> <title> 使用jQuery层次选择器 </title> <scrip ...

  5. jQuery过滤选择器

    //基本过滤器$('li:first').css('background','#ccc');//第一个元素$('li:last').css('background','red');//最后一个元素$( ...

  6. jquery相对选择器,又叫context选择器,上下文选择器;find()与children()区别

    jquery相对选择器有两个参数,jQuery函数的第二个参数可以指定DOM元素的搜索范围(即以第二个参数指定的内容为容器查找指定元素). 第二个参数的不同的类型,对应的用法如下表所示. 类型 用法 ...

  7. jQuery之选择器

    jQuery元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择和操作,而在 HTML DOM中,选择器可以对DOM元素组或单个DOM 节点进行操作.通俗点说,选择器的作用就 ...

  8. 关于jquery ID选择器的一点看法

    最近看到一道前端面试题: 请优化selector写法:$(".foo div#bar:eq(0)") 我给出的答案会是: 1. $("#bar") 2.  $( ...

  9. jQuery的选择器中的通配符[id^='code'] 【转】

    JQuery 1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='cod ...

  10. jquery下 选择器整理

    jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个 ...

随机推荐

  1. oracle 误删数据恢复

    1.根据时间点查系统版本号scn: select timestamp_to_scn(to_timestamp('2013-01-07 11:20:00','YYYY-MM-DD HH:MI:SS')) ...

  2. MongoDB学习笔记三—增删改文档上

    插入insert 单条插入 > db.foo.insert({"bar":"baz"}) WriteResult({ }) 批量插入 > db.fo ...

  3. caffe的python接口学习(7):绘制loss和accuracy曲线

    使用python接口来运行caffe程序,主要的原因是python非常容易可视化.所以不推荐大家在命令行下面运行python程序.如果非要在命令行下面运行,还不如直接用 c++算了. 推荐使用jupy ...

  4. 使用LogMaster4Net实现应用程序日志的集中管理

    日志在软件系统中的重要性我在此也不赘述了,几乎所有程序员每天都会更日志打交道. 那么你是否曾今为这样的一些事情而困扰过: - 远程登录到不同的服务器,找到应用程序目然后查看应用日志: - 来回切换于不 ...

  5. ASP.NET跨平台最佳实践

    前言 八年的坚持敌不过领导的固执,最终还是不得不阔别已经成为我第二语言的C#,转战Java阵营.有过短暂的失落和迷茫,但技术转型真的没有想象中那么难.回头审视,其实单从语言本身来看,C#确实比Java ...

  6. 【转】ofbiz数据库表结构设计

    真心不错的文章,可以加深对企业信息化的设计理解:) http://blog.sina.com.cn/s/blog_a2ca5d8c01017fa0.html http://blog.sina.com. ...

  7. Spring6:基于注解的Spring MVC(上篇)

    什么是Spring MVC Spring MVC框架是一个MVC框架,通过实现Model-View-Controller模式来很好地将数据.业务与展现进行分离.从这样一个角度来说,Spring MVC ...

  8. Angular2笔记:NgModule

    Angular的模块的目的是用来组织app的逻辑结构. 在ng中使用@NgModule修饰的class就被认为是一个ng module.NgModule可以管理模块内部的Components.Dire ...

  9. 警告: [unchecked] 对作为原始类型IScheme的成员的write(TProt ocol,T)的调用未经过检查

    jdk 从8 改成了7 就好了! 或者, 修改源码, 每个响应的地方加上 surppressingWarnings xxx , 或者使用 请使用 -Xlint:unchecked 重新编译. 参照 h ...

  10. 数组去重 JS

    我说的数组去重是这样的: var arr = ['f', 'a',  'b', 'd', 'e', 'g']  ; var str='f'; 去除arr中的str 最简单的是遍历arr与str做比较, ...