首页 / JQUERY / jQuery常用函数（二）：选择器selector

jQuery常用函数（二）：选择器selector

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery常用函数（二）：选择器selector，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1870字，纯文字阅读大概需要3分钟。

内容图文

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

内容总结

以上是互联网集市为您收集整理的jQuery常用函数（二）：选择器selector全部内容，希望文章能够帮你解决jQuery常用函数（二）：选择器selector所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1214220.html

来源：【匿名】