jQuery筛选方法(1)

jQuery筛选方法(1)

JQueryqingyu2020-10-27 14:50:3736A+A-

jQuery筛选方法

jQuery筛选方法(1)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery.min.js"></script>
	</head>
	<body>
	  <div class="grandfather">
		<div class="father">
			北冥有鱼
			<p class="son1">
				<span>落霞与孤鹜齐飞</span>
			</p>
			<div class="son2">
				<p>秋水共长天一色</p>
			</div>
		</div>
	  </div>
		<script>
			$(function(){
				//1.父
				console.log($(".son1").parent()); //parent返回的是最近一级的父级元素 亲爸爸
				//2.(1)子 亲儿子 children 类似子元素选择器 ul>li
				$(".father").children("p").css("color","red");
				//2.(2)可以选择所有的孩子 包括儿子和孙子 find() 类似后代选择器
				$(".grandfather").find("p").css("color","green")
			})
		</script>
	</body>
</html>

jQuery筛选方法(1)

点击这里复制本文地址 计算机毕业设计_计算机程序设计

支持Ctrl+Enter提交

首页 © All Rights Reserved.  Copyright shenhuangji.com
Powered by Z-BlogPHP
联系我们| 关于我们| 广告联系| 网站管理