标签:
$(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