JQ基础之选择器

$(‘#one>span‘)

$(‘li[class]‘)           　　( 选中‘li‘下的具有‘class‘属性的元素 )

$(‘li[class="aaa"]‘)　　( 选中‘li‘下‘class‘为‘aaa‘的元素 )

$(‘h3[class^="n"]‘)    ( 选中‘class‘属性以"n"开头的 )

$(‘h3[class$="e"]‘)     ( 选中class属性以"e"结尾的 )

$(‘li:last‘)                     ( 选取最后一个出现的li元素 )

$(‘:header‘)                 ( 查找所有标题元素h1~h6 )

$(‘li:contains(小三)‘)     ( 查找li中文本有‘小三‘的元素 )

$(‘li:first-child‘)             ( 选取所有的第一个li   注:与:first不同 )

$(‘li:last-child‘)             ( 选取所有的最后一个li   注:与:last不同 )

$(‘li:nth-child(n)‘)         ( 选取第n个li元素    注: n>=1 )

$(‘ul li:only-child‘)         ( 选取ul中只有一个li子元素的这个li元素 )

$(‘:input‘)                     ( 匹配所有的 input/textarea/select/button )

$result = $(‘li‘).hasClass(‘adsasa‘);       ( 检查当前的元素是否含有某个特定的类，如果有，则返回true )

$(‘ul li‘).filter(‘.three,.seven‘)                ( 找出有类.three,.seven的元素 注:筛选出与指定表达式匹配的元素集合 )

$(‘li‘).is(‘.five122313‘)                          ( 检测有无指定的元素 返回布尔 注:不可用is检测给元素添加样式 )

$(‘p‘).has(‘span‘)                                  ( 检测p元素里有无指定元素 注:可以给其添加样式 )

$(‘li‘).not(‘li:contains(上)‘)                     ( not检测 选择li元素里除了文本包含‘上‘的元素 )

slice(n,m)                                             ( n和m为下标，选择下标为0开始 到 m之前结束(不包括m)的元素 )

$(‘#one‘).children(‘li:first‘).css( )            ( 给元素的指定子元素添加样式 )

$(‘.one‘).parent( ).css( )                         ( 给元素的父元素添加样式 )

$(‘.one‘).parents( ).css( )                       ( 给元素所有祖先元素添加样式 )

$(‘.one‘).parents(‘ul‘).css( )                    ( 给元素指定的父元素添加样式 )

$(‘.five‘).siblings( ).css()                         ( 同级相邻兄弟节点 siblings( ) )

var $res = $(‘li‘).map(function(){ 
　　return $(this).attr(‘class‘);
});
console.log($res);                                  ( map( ) 查找所有的li并返回它们的属性值 返回一个数组 )

$(‘#one‘).find(‘li[class$=e]‘).css( )          ( 查找指定元素下匹配的元素 返回找到的元素 )

$(‘li:not(#one,#two,.aaa)‘)                     ( 同时排除多个 )

$(‘li:odd‘)                                               ( 选取奇数 )

$(‘li:lt(3)‘)                       ( 选取下标小于0的li元素 )

$(‘li:eq(0)‘)                      ( 选取下标等于0的li元素 )

注:不包括本身。

$(‘input:hidden‘)              ( 选取input表单为hidden的元素 )

$(‘.two‘).nextAll( )            ( 选中元素下面的所有相邻元素 )

$(‘.five‘).prev( )                ( 选取元素上一个相邻元素 )

$(‘.five‘).prevAll( )             ( 选取元素上面全部相邻元素 )

$(‘.five‘).prevUntil(‘.two‘)   ( 选取.five上面(不包括.five)到.two(不包括.two)的元素 )

$(‘:selected‘)                      ( 获取下拉列表选中的元素 )

$(‘:checked+span‘)             ( 获取选中的元素 )

$(‘:text‘)                            ( 匹配单行文本框 )

$(‘:password‘)                     ( 密码匹配器 )

$(‘:radio‘)                           ( 单选框选择器 )

$(‘:checkbox+span‘)            ( 复选框选择器 )

$(‘:button‘)                         ( 按钮选择器 )