1、jQuery包装的CSS选择器

  $(" p a.speciaClass")

2、子选择器(个人简单的认为:就是在jQuery选择器里面加上了一个">"操作符,再具有一新的特性)

  $("ul#myList>li>a").fadeOut();

3、特性选择器(个人简单的认为:就是在jQuery选择器里面有"[""]"操作符,再具有一新的特性)

  $("a[href^=http]").fadeOut();    所有以http打头的A

  $("a[href*=pdf]").fadeOut();  所有以pdf结尾的A

4、容器选择器(个人简单的认为:就是在jQuery选择器里面有":"操作符,后面根的是一些条件,再具有一新的特性)

  $("li:has(a)").fadeOut();

  1、":"后面接has ,或者是not    有或者是没有的条件,此处特别强调是has(),not(),括号里面包括的是CSS选择器可以选择的集合。

  2、":"后面接要选择的位置。如,first,odd  ,第一,偶数位,等的条件。

  

5、":"后面直接跟html元素的属性,如checked,即自定义选择器,

    $(":checkbox:checked").fadeOut();

复杂一点的就是这个选择器的混合使用。 

转载于:https://www.cnblogs.com/xyzabc0004/archive/2012/03/30/2426007.html

jQuery选择元素相关推荐

  1. jquery学习之路jquery之一:jquery选择元素的方法,太神了 2012.8.2

    1.css选择器 例子: a  匹配所有连接<a>标签 #sss   所有id为sss的元素 a#sss.yangshi  所有id为sss并且有yangshi类的a元素 p  a.sss ...

  2. jQuery选择元素的方法

    一..get(index) 通过jQuery对象获取一个对应的DOM元素. index从0开始,用来确定获取哪个元素. 二.eq(index) 根据索引获取jQuery对象 当index为正数,索引从 ...

  3. fond+html属性,JQuery 干货篇之选择元素

    JQuery 干货篇之选择元素 实验的HTML+CSS的代码 html Example Jacqui's Flower Shop Astor: Daffodil: Rose: Peony: Primu ...

  4. jQuery learn - 1 - 选择元素 CSS

    2019独角兽企业重金招聘Python工程师标准>>> CDN=Content Delivery Networks DOM=Document Object Model W3C=Wor ...

  5. 如何使用jQuery按名称选择元素?

    本文翻译自:How can I select an element by name with jQuery? Have a table column I'm trying to expand and ...

  6. jquery笔记一:下载安装、语法、选择器、遍历选择元素的方法、jQuery动画

    目前 jQuery 兼容于所有主流浏览器, 包括 IE 6!开发时常用 jquery.js,上线用 jquery.min.js. jq插件 目前jQuery有三个大版本: (1)1.x.x: 兼容ie ...

  7. 初识jQuery,八字真言“选择元素,对其操作”

    jQuery在我印象中,就是很多类似$(),然后昨天开始接触了,觉得很和谐,获取元素比JavaScript简单很多,有意思. 一.开始学习jQuery,下载jQuery库的文件 http://jque ...

  8. html name选择器,2种用jQuery按name属性选择元素的方法

    学习2种用jQuery按name属性选择元素的方法,拿走不谢! 给定一个HTML文档,如何使用jQuery按name属性选择元素? 在jQuery中,可以使用2个方法通过name属性选择元素:下面就来 ...

  9. JQuery按name属性选择元素

    方法1:使用name属性选择器 name属性选择器可用于按name属性选择元素.此选择器选择值与指定值完全相等的元素. 语法:[name="nameOfElement"] 示例: ...

最新文章

  1. 【Linux】14_文件打包及压缩
  2. MySQL删除数据表(DORP TABLE语句)
  3. 五分钟读懂UML类图
  4. JDK8那些惊为天人的新特性
  5. OMNeT学习之OMNeT安装与运行
  6. arch linux arm下载_linux系统下编译给android JNI调用的Gmssl库
  7. 另一个进程已被死锁在资源上且该事务已被选作死锁牺牲品
  8. 本周测试服务器角色转移系统仅开放转入,梦幻西游10月8日更新内容一览
  9. Starling 动画功能
  10. php根据ip获取地区的程序代码
  11. Nova 操作汇总(限 libvirt 虚机) [Nova Operations Summary]
  12. Reflection conclusion
  13. [原创摄影]西藏行(一)从不同角度看布达拉
  14. 北航计算机博士后,北京航空航天大学博士后待遇
  15. windows 下在 码市(coding.net) 上配置远程 git
  16. 按键精灵手机版 代码收藏
  17. ADXL345传感器介绍
  18. HTML常用标签(a标签/img标签/table标签)
  19. 一分钟讲解HOOK技术,c++全局钩子打造键盘记录器!
  20. 一个好用的在线PDF压缩工具

热门文章

  1. react学习(59)--this.props语法糖
  2. [css] 说说你对前端二倍图的理解?移动端使用二倍图比一倍图有什么好处?
  3. [css] 过渡和动画的区别是什么?
  4. 前端学习(2675):vue3.0学习建议
  5. 前端学习(2148):webpack-less图片文件的转化
  6. 前端学习(2019)vue之电商管理系统电商系统处理attr参数
  7. oracle之数据处理2
  8. 前端学习(1336):从数据库查询文档
  9. 前端学习(1179):vue概述
  10. 前端学习(639):undefine和null