jQuery选择器

最新推荐文章于 2024-01-14 11:54:30 发布

ZZU_ie

最新推荐文章于 2024-01-14 11:54:30 发布

阅读量101

点赞数

分类专栏： JAVA学习文章标签： jquery javascript

本文链接：https://blog.csdn.net/qq_42490630/article/details/107574198

版权

JAVA学习专栏收录该内容

25 篇文章 0 订阅

订阅专栏

基本选择器：

选择器	描述	返回
:first	选取第一个元素	单个元素组成的集合
:last	选取最后一个元素	集合元素集合元素
:not(selector)	去除所有与给定选择期匹配的元素	集合元素
:even	选取索引是偶数的所有元素，索引从0开始	集合元素
:odd	选取索引是奇数的所有元素，索引从0开始	集合元素
:eq(index)	选取索引等于index的元素，索引从0开始	集合元素
:gt(index)	选取索引大于index的元素，索引从0开始	集合元素
:lt(index)	选取索引小于index的元素，索引从0开始	集合元素
:header	选取所有的标题元素，如h1、h2等	集合元素
:animated	选取当前正在执行动画的所有元素	集合元素

内容过滤选择器：

选择器	描述	返回
:contains(text)	选取含有文本内容为text的元素	集合元素
:empty	选取不包含子元素或者文本的空元素	集合元素
:has(selector)	选取含有选择器所匹配的元素的元素	集合元素
:parent	选取含有子元素或者文本的元素	集合元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js">
	</head>
	<body>
		<div>zzu</div>
		<div>郑州大学</div>
		<div>河南工业大学</div>

		<script>
			var obj = $("div").first();
			console.log(obj[0]);

			obj = $("div").last();
			console.log(obj[0]);

			$("html").find("div").each(function() {
				console.log(this);
			});

			obj = $("title").parent();
			console.log(obj);
			obj = $("title").parents();
			console.log(obj);
			
			console.log("********************************");
			$("body").children().each(
			function(){
				console.log(this);
			});
				
			$("span").next().each(function(){
				console.log(this);
			});	
			
			$("span").nextAll().each(function(){
				console.log(this);
			});	
			console.log("********************************");
			$("script").prev().each(function(){
				console.log(this);
			});
			console.log("********************************");
				
		</script>
	</body>
</html>

在这里插入图片描述

可见性过滤选择器：

选择器	描述	返回
:hidden	选取所有不可见的元素	集合元素
:visible	选取所有可见的元素	集合元素

子元素过滤选择器：

选择器	描述	返回
:nth-child(index/even/odd/equation)	选取每个父元素下的第index个子元素或者奇偶元素(index从1算起)	集合元素
:first-child	选取每个父元素的第一个子元素	集合元素
:last-child	选取每个父元素的最后一个子元素	集合元素
:only-child	URL如果某个元素是它父元素中唯一的子元素，那么将被匹配。	集合元素

表单过滤选择器：

选择器	描述	返回
:input	选取所有的、、和元素	集合元素
:text	选取所有的单行文本框	集合元素
:password	选取所有的密码框元素	集合元素
:radio	选取所有的单选框	集合元素
:checkbox	选取所有的多选框	集合元素
:submit	选取所有的提交按钮	集合元素
:image	选取所有的图像按钮	集合元素
:reset	选取所有的重置按钮	集合元素
:button	选取所有的按钮	集合元素
:file	选取所有的上传域	集合元素
:hidden	选取所有的不可见元素	集合元素

表单对象属性过滤选择器

选择器	描述	返回
:enabled	选取所有可用元素	集合元素
:disabled	选取所有不可用元素	集合元素
:checked	选取所有被选中的元素(单选框，复选框)	集合元素
:selected	选取所有被选中选项元素(下拉列表)	集合元素

属性选择器

选择器	描述	返回
[attribute]	选取拥有此属性的元素	集合元素
[attribute=value]	选取指定属性的值为value的元素	集合元素
[attribute!=value]	选取指定属性的值不等于value的元素	集合元素
[attribute^=value]	选取指定属性的值以value开始的元素	集合元素
[attribute$=value]	选取指定属性的值以value结束的元素	集合元素
[attribute*=value]	选取指定属性的值含有value的元素	集合元素
[selector1] [selector2]…[selectorN]	用属性选择器合并成一个复合属性选择器，满足多个条件，每选择一次，缩小一次范围	集合元素

ZZU_ie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery选择器

基本选择器：选择器描述返回:first选取第一个元素单个元素组成的集合:last选取最后一个元素集合元素集合元素:not(selector)去除所有与给定选择期匹配的元素集合元素:even选取索引是偶数的所有元素，索引从0开始集合元素:odd选取索引是奇数的所有元素，索引从0开始集合元素:eq(index)选取索引等于index的元素，索引从0开始集合元素:gt(index)选取索引大于index的元素，索引从0开始集合
复制链接

扫一扫