jquery学习笔记二简单选择器

最新推荐文章于 2024-04-19 15:27:04 发布

丫β

最新推荐文章于 2024-04-19 15:27:04 发布

阅读量96

点赞数

分类专栏： jquery 文章标签： jquery学习笔记

本文链接：https://blog.csdn.net/weixin_44981396/article/details/102771991

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

jquery学习笔记二

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>$(document).ready(function(){})</title>
	</head>
	<body>
		<div id="box" style="width: 300px; height: 300px; background-color: #00ADEE;">
			yuan
		</div>
		<div id="box1" class="ap">1</div>
		<div id="box2" class="ap">2</div>
		<div id="box3" class="ap">3</div>
		<p>asddf</p>
		<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				console.log($('#box').html());
				var $jqDiv = $('#box').html();
				console.log($jqDiv);
				//jq -> DOM
				//var jsdiv = jqdiv[0]
				//DOM->jq
				//var jqdiv = $(jsdiv)
				//选择calss=ap和标签p
				var $jqobj = $('.ap,p');
				console.log($jqobj[0]);
				console.log($('.ap:eq(1)').html());
				/*
				:first
				:last
				:even	匹配下标为偶数的
				:odd	匹配下标为奇数的
				:eq(index)
				:gt(index)
				:lt(index)
				:header	匹配标题如h1,h2,h3……
				:not(selectoe)	去除所有与给定选择器匹配的input元素
								例如：$('input:not(:checked)')匹配没有选中的input元素
				:animated	匹配所有正在执行动画效果的元素
							例如：$('div:animated')匹配所有正在执行动画的div
				*/
				/*
				$("ul li")   //匹配ul下所有的li
				
				$("form > input")	//匹配表单中所有的子元素input
				
				$("div + img")		//匹配紧挨着<div>标记后的<img>标签（同级的）
				
				$("div ~ ul")		//匹配所有的<div>标记后的<ul>标签（同级的）
				*/
			})
			
		</script>
	</body>
</html>

丫β

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery学习笔记二简单选择器

jquery学习笔记二<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>$(document).ready(function(){})</title> </head> <body> <div id="box"...
复制链接

扫一扫