慕课网：2-4.* 选择器(取走全部铅笔)

最新推荐文章于 2021-08-08 17:02:31 发布

活最好的自己

最新推荐文章于 2021-08-08 17:02:31 发布

阅读量589

点赞数

分类专栏：工作日志 JQuery

本文链接：https://blog.csdn.net/lz465350/article/details/38834355

版权

工作日志同时被 2 个专栏收录

274 篇文章 0 订阅

订阅专栏

JQuery

45 篇文章 0 订阅

订阅专栏

1、$("div#1234 *").html("good")不是指id为"1234"的div下的所有标签，而是指，该div下的所有子标签，是直接的儿子标签。如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>2-4.* 选择器(取走全部铅笔)</title>
<script src="../js/jquery-1.6.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){

	$("div#3 *").html("yes");
	//$("div *").html("我们是一家人");
});
</script>
</head>

<body>
<div id="1">
<span><div>11</div></span>
<span><div id="3"><p><a href="#">22</a></p></div></span>
<span><div>33</div></span>
</div>
<div id="2"><table><tr><td>44</td><td>55</td></tr></table></div>
</body>
</html>

结果为：

11
yes

33
44

超链接果断消失。

2、去掉id号，变为$("div *").html("我们是一家人");

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>2-4.* 选择器(取走全部铅笔)</title>
<script src="../js/jquery-1.6.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){

	$("div#3 *").html("yes");
	$("div *").html("我们是一家人");
});
</script>
</head>

<body>
<div id="1">
<span><div>11</div></span>
<span><div id="3"><p><a href="#">22</a></p></div></span>
<span><div>33</div></span>
</div>
<div id="2"><table><tr><td>44</td><td>55</td></tr></table></div>
</body>
</html>

结果竟然为：

我们是一家人我们是一家人我们是一家人
我们是一家人

活最好的自己

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
慕课网：2-4.* 选择器(取走全部铅笔)

1、$("div *")
复制链接

扫一扫

专栏目录

慕课网：2-4.* 选择器(取走全部铅笔)

“相关推荐”对你有帮助么？