码迷,mamicode.com
首页 > 其他好文 > 详细

选择器

时间:2015-09-03 19:13:36      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!