jQuery中使用$()作为选择符极大提高工作效率以及方便快捷;一些常用属性的选择器由以下几种

1)  $('#id')  id选择器

2)  $('.class')  css选择器,class类名

3)  $('element')  标签选择器,例如p,h1,div

4)  $('*')  全选择器,可选择所有的html标签(影响范围较大甚用)

5)  $('sele1,sele2')  用‘,'逗号隔开可以选择多个不同元素有相同效果的选择器

6)  $('div p')  层次选择器,常用的选择器,例如div下面的p标签

7)  $('div>p') 与上一个层次选择器差不多,但是div下面有子元素,子元素下还有孙元素,该选择器只能选子元素

8)  $('div+p')   该选择器用得很少表示div相邻下一个选择器,(必须是相同层次元素并且紧挨的)

9)  $('div~p') 在相同阶段的元素从div开始一直到该阶段尾部所有的p标签被选中,不包括往下元素的为p子元素

10)  $('div:first')  过滤选择器,:first用:与父级元素连接,选择的第一个div元素;

11)  $('div:last')  过滤选择器;:last方法与上一样不过是选择最后一个div元素;

12)  $('li:eq(1)')  该选择器也是过滤选择器;用‘:eq()'连接,括号内输入数字选择从0开始,0代表第一位;

13)  $('li:contains("text")') 该选择器可选择如:li里面文字中所有text的所有元素包括li下的子元素带有text都被选中text可以是自己所需要的关键字;('text')需要加单或双引号,因为它是字符串而不是变量

14)  $('li:has("p")') 该选择器与层次选择器效果差不多也是选择li以下的所有p标签可被继承;

15)  $('div:hidden')  :hidden该选择器可以选择一些display:none;隐藏的选择器

16)  $('span:visible')   与:hidden恰恰相反将所有span标签都选中,但display:none的span属性不选中

17)  $('li[title=book]')  属性选择器,选中li里属性为title=book的元素;

18)  $('li[title!=book]')   与上一个相反选中li内title不为,不等于book的元素;

19)  $('li[title*=k]')  属性选择器,选择所有li内,全部title中带有k字的元素;

20)  $('li:first-child')  子元素过滤器;:first过滤器可以获取指定父元素的首个子元素,并不是一个集合.只是一个li下的首个子元素并不是所有的li下的子元素.而first-child获得每个父元素返回的首个子元素;

21)  $('li:last-child')  与上过滤选择器一样,last:child会获得每个父元素返回的最后一个子元素;

22)  $('form :input')  表单选择器所包含的有input,select,button,textarea,

23)  $('form :text')   表单文本选择器,该选择器只包含<input type='text'>类型做选择 

24)  $('form :password') 表单密码选择器,同样也只包含input内 type='password'类型,

25)  $('form :radio')  单选按钮选择器,同样也只包含input内type =' radio'类型,26)  $('form :checkbox') 复选框选择器,同样也只包含input内type='checkbox'类型

27)  $('form :submit') 提交按钮选择器,包含input内type="submit"和button类型,

28)  $('form :image')  图像域选择器.只有input内的src才能生效。如在form内添加img src将不会受到影响

29)  $('form :button')  表单按钮选择器.包含input内type='button'与<button></button>有效

30)  $('form :checked')  选中状态选择器,带有选择框radio,checkbox都将被选中;

31)  $('form :selected')  下选框选中选择器,只能获取select下拉列表中全部处于选中状态的option选择器;

JQuery中常用的 属性选择器的更多相关文章

  1. jQuery中样式和属性模块简单分析

    1.行内样式操作 目标:扩展框架实现行内样式的增删改查 1.1 创建 css 方法 目标:实现单个样式或者多个样式的操作 1.1.1 css方法 -获取样式 注意:使用 style 属性只能获取行内样 ...

  2. 浅析jQuery中常用的元素查找方法总结

    本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍,需要的朋友参考下   $("#myELement") 选择id值等于myElement的元素,id值不能重复在文 ...

  3. jQuery中常用的函数方法

    jQuery中常用的函数方法总结 Ajax处理 load(url,[data],[callback]) url (String) : 待装入 HTML 网页网址. data (Map) : (可选) ...

  4. css样式表中四种属性选择器

    学习此连接的总结http://developer.51cto.com/art/201009/226158.htmcss样式表中四种属性选择器1> 简易属性 tag[class]{ font-we ...

  5. javascript中常用坐标属性offset、scroll、client

    原文:javascript中常用坐标属性offset.scroll.client 今天在学习js的时候觉得这个问题比较容易搞混,所以自己画了一个简单的图,并且用js控制台里面输出测试了下,便于理解. ...

  6. jQuery中first-child与first选择器区别

    1.first-child first-child为每个父级元素匹配第一个子元素,可以匹配出多个元素: 示例代码: <!DOCTYPE html> <html lang=" ...

  7. JQuery中常用的选择器

    属性选择器 1>  [attribute] 概述:匹配包含给定属性的元素. 示例 jQuery 代码:$("div[id]") 描述:查找所有含有 id 属性的 div 元素 ...

  8. jQuery中常用的函数方法总结

    jQuery中为我们提供了很多有用的方法和属性,自己总结的一些常用的函数,方法.个人认为在开发中会比较常用的,仅供大家学习和参考. 事件处理 ready(fn) 代码: $(document).rea ...

  9. 前端开发中常用的CSS选择器解析(一)

    你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的介绍css中最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领略cs ...

随机推荐

  1. css3表格隔行变色和表格选中变颜色代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. Delphi 串口打印机打印

    一.硬件准备 打印机: 打印机必须具有串口,没有标配串口的打印机,必须购买串口卡,串口卡的型号请参考随机<操作手册>. 计算机: 计算机必须具有串口,计算机通常具有两个串口:COM1和CO ...

  3. Oracle数据库之序列

    Oracle数据库之序列(sequence) 序列是一个计数器,它并不会与特定的表关联.我们可以通过创建Oracle序列和触发器实现表的主键自增.序列的用途一般用来填充主键和计数. 一.创建序列 语法 ...

  4. ionic初体验

    inoic使用入门安装inoic1.安装nodejs2.通过npm install -g iomic 在全局安装ionic3.通过ionic --help来查看帮助(其他命令详见弹出提示脚本) 后续收 ...

  5. Beforeunload打点丢失原因分析及解决方案

    淘宝的鱼相在 2012 年 8 月份发表了一篇文章,里面讲述了他们通过一个月的数据采集试验,得到的结果是:如果在浏览器的本页面刷新之前发送打点请求,各浏览器都有不同程度的点击丢失情况,具体点击丢失率统 ...

  6. MVC模式下xml文件的解析

    第一次写blog,组织不当和出错的地方还请大家多担当哈. java操作xml文件的方式中用的较多的有四种,DOM.SAX.JDOM.DOM4J.除第一种外其余的三种我都有试过,这后三种方案中我选择用S ...

  7. 通过SERVICES的方式往商品列表FINDER加入多个ACTION

    类似这样的效果: 首先我们需要在自己的app下的services.xml加入一个service: <!-- b2c商品信息 扩展actions --> <service id=&qu ...

  8. 可选头 IMAGE_OPTIONAL_HEADER

    //IMAGE_OPTIONAL_HEADER结构(可选映像头) typedef struct _IMAGE_OPTIONAL_HEADER { // // Standard fields. // W ...

  9. Android中的SQLiteOpenHelper类

    SQLiteOpenHelper是Android提供的一个管理数据库的工具类,可用于管理数据库的创建和版本更新.一般的用法是创建SQLiteOpenHelper的子类,并扩张它的onCreate(SQ ...

  10. chrome 打不开网页

    右键单击Chrome在桌面的快捷方式,在在但中选择“属性”,在对话框的“目标”项目中追加:-no-sandbox     大家比较熟悉的解决方法有配置 Hosts 文件和使用FQ软件两种,配置 Hos ...