标签:
1.基本选择器
id class 元素名 所有 集合
$(‘#one‘) $(‘.mini‘) $(‘p‘) $(‘*‘) $(‘span,#two‘)
2.层次选择器
后代 子元素 下一个兄弟 下面所有兄弟
$(‘div span‘) $(‘div>span‘) $(‘.one+p‘) $(‘.one~p‘)
可以用next()代替$(‘prev+next‘)——$(‘.one‘).next(‘p‘) = $(‘.one+p‘)
siblings包含了$(‘.one~p‘)——$(‘.one‘).siblings(‘p‘) = $(‘.one~p‘)
3.基本过滤选择器
第一个 最后一个 去除选中的 偶数 奇数 选取索引为1的 选取索引大于1的 选取索引小于1的 选取所有的h1 h2... 选取执行动画的元素 选取当前获取焦点的元素
$(‘p:first‘) $(‘p:last‘) $(‘p:not(.mini)‘) $(‘p:even‘) $(‘p:odd‘) $(‘p:eq(1)‘) $(‘p:gt(1)‘) $(‘p:lt(1)‘) $(‘:header‘) $(‘div:animated‘) $(‘:focus‘)
4.内容过滤选择器
选取还有文本内容 不包含子元素的 含有class为.mini的 含有子元素的
$(‘p:contains(我们)‘) $(‘p:empty‘) $(‘p:has(".mini")‘) $(‘p:parent‘)
5.可见性过滤选择器
所有不可见的 所有可见的div
$(‘:hidden‘) $(‘div:visible‘)
6.属性过滤选择器
选取拥有属性title的div 选取title属性的属性值为test的div 选取title属性的属性值不为test的div 选取title属性的属性值以test开始的div 选取title属性的属性值以test结束的div 选取title属性的属性值包含test的div
$(‘div[title]‘) $(‘div[title=test]‘) $(‘div[title!=test]‘) $(‘div[title^=test]‘) $(‘div[title$=test]‘) $(‘div[title*=test]‘)
选取title属性的属性值等于test或以test为前缀的div 选取属性title用空格分隔的值中包含字符test的元素 选取拥有属性id,并且属性title的值以test结束的div
$(‘div[title|"test"]‘) $(‘div[title~="test"]‘) $(‘div[id][title$="test"]‘)
7.子元素过滤选择器
每个div元素下第3个子元素 每个父元素的第一个子元素 每个父元素的最后一个子元素 如果某个元素是它父元素中唯一的子元素
$(‘div :nth-child(3)‘) :first-child :last-child :only-child
每个父元素下索引偶数的子元素 索引奇数 索引为2 索引是3的倍数 索引是(3n+1)的元素
:nth-child(even) :nth-child(odd) :nth-child(2) :nth-child(3n) :nth-child(3n+1)
eq(index)只匹配一个元素,index从0开始;
:nth-child为每个符合条件的父元素匹配子元素,index从1开始。
8.表单对象属性过滤选择器
所有可用元素 所有不可用元素 所有被选中的元素 所有被选中的选项元素
:enabled :disable :checked :selected
9.表单选择器
所有的input testarea select button 所有单行文本 所有密码框 所有单选框 所有多选框 所有提交按钮 所有图像按钮 所有重置按钮 所有按钮 所有上传域 所有不可见部件
:input :text :password :radio :checkbox :submit :image :reset :button :file :hidden
标签:
原文地址:http://www.cnblogs.com/php-jq-mysql/p/4780482.html