JQuery中常用的属性选择器

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中常用的属性选择器相关推荐

JQuery中的事件和选择器
学习jQuery最应该了解的也就是JQuery中的事件和选择器. 那么常见的事件有哪些: 鼠标事件:mousedown鼠标按下,mouseup鼠标松开,mouseenter鼠标进入某个元素 mouse ...
JQuery中的九大选择器及其应用（中）
第四种:内容选择器 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
JQuery中的九大选择器及其应用（上）
第一种:基本选择器 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
JQuery中的九大选择器及其应用（下）
第七种:子元素选择器 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
08-数组中常用的属性及方法
08-数组中常用的属性及方法创建: 使用 JavaScript 关键词 new 使用数组文本创建 //数组中的方法: toString() 把数组转换为数组值(逗号分隔)的字符串. join() 方 ...
JavaScript学习（二十）—DOM中常用的属性
JavaScript学习(二十)-DOM中常用的属性 1.clientWidth属性作用:获取元素或页面的可视的区域的宽度格式:节点.clientWidth 2.clientHeight属性作用 ...
jQuery中常用的函数方法总结
jQuery中为我们提供了很多有用的方法和属性,自己总结的一些常用的函数,方法.个人认为在www.21kaiyun.com的紫微斗数星座在线排盘开发中会比较常用的,仅供大家学习和参考. 事件处理 re ...
JQuery中的基本筛选选择器
很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素.筛选选择器很多都不是CSS的规范,而是jQuery自己为了开 ...
JQuery中的CSS属性及操作
目录 1.JQuery中的css()方法 1) 返回 CSS 属性 2) 设置 CSS 属性 3) 设置多个 CSS 属性 2.JQuery的CSS操作 3.JQuery的class操作 1.JQue ...

JQuery中常用的属性选择器

JQuery中常用的属性选择器相关推荐

最新文章

热门文章

JQuery中常用的 属性选择器

JQuery中常用的 属性选择器相关推荐

最新文章

热门文章

JQuery中常用的属性选择器

JQuery中常用的属性选择器相关推荐