标签:
$(function(){ //ID匹配 var test = $(‘#1,#2‘); //匹配父下面的子的最后一个 var test1 = $(‘ul li:last‘); //给定父元素下的所有子元素 var test2x = $(‘ul>‘); var test2 = $(‘ul>li‘); //匹配id=1的li元素的下一个li元素。(指下一个相邻同辈元素),返回id=2的li var test3 = $(‘#1+li‘); //匹配li之后的所有同辈元素 var test4 = $(‘#1~li‘); //li集合的第一个li var test5 = $(‘li:first‘); //匹配第N个子元素,序号从1开始,注意ul后有空格 var test5x = $(‘ul :nth-child(5)‘); //li集合最后一个li var test6 = $(‘li:last‘); //去除与给定li匹配的元素; var test7 = $(‘li:not(#2)‘); //匹配所有索引为偶数的元素,从0开始 var test8 = $(‘li:even‘);//同理:odd奇数 //匹配指定索引的元素 var test9 = $(‘li:eq(5)‘); //匹配所有大于指定索引的元素 var test10 = $(‘li:gt(0)‘);//同理:lt(index)匹配小于指定索引的元素 //匹配如<h1><h2>之类的标题元素 var test11 = $(‘:header:eq(0)‘);//返回h1 //当前获取焦点的元素 var test12 = $(‘:focus‘); //当前所有正在执行的动画元素; var test13 = $(‘:animated‘); /* 匹配包含指定文本的元素 var test14 = $(‘ul:contains(1)‘)与var test14 = $(‘ul :contains(1)‘) 注意这两句的区别,ul后有空格的则返回li#1(表示取子),每空格的则返回ul */ var test14 = $(‘ul :contains(1)‘); //匹配所有不包含子元素或者文本的空元素 var test15 = $(‘ul :empty‘); //匹配所有选择器所匹配的元素的元素 var test16 = $(‘:has(li)‘);//返回的是 Object[html,body,ul]; //匹配所有子元素或者文本元素 var test17 = $(‘body :parent‘);//返回body下面的所有子元素,注意body后面有个空格 /* 其他: :enabled(匹配所有可用元素) :disabled(匹配所有不可用元素) :checked(匹配所有选中元素,复选框、单选框等,不包括<select>中的option) :selected(匹配所有选中的option元素) :hidden(匹配所有不可见元素) :visible(匹配所有可见元素)*/ /* 表单 : :input(<input><textarea><select><button>) :text(所有单行文本框) :password :radio :checkbox :submit :image :reset 匹配所有重置按钮,input的type里有reset :button :file :hidden */ console.log(test5x); });<body> <h1>h1</h1> <h2>h2</h2> <ul> <li id="1">1</li> <li id="2">2</li> <li>3</li> <li>4</li> <li>5</li> <li id="6">6</li> <ins></ins> </ul> </body>
标签:
原文地址:http://my.oschina.net/u/2400412/blog/479652