码迷,mamicode.com
首页 > Web开发 > 详细

jQuery常用函数(二):选择器selector

时间:2015-07-17 12:20:17      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

$(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>


 

jQuery常用函数(二):选择器selector

标签:

原文地址:http://my.oschina.net/u/2400412/blog/479652

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