注册 登录
编程论坛 JavaScript论坛

jQuery 选择器问题

白5130 发布于 2014-02-09 11:49, 533 次点击
<!--为什么下面这段代码中 div h1 h2 的字体颜色没有变为 红色-->
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>javascript</title>
<script src="other/jquery-1.5.1.js"></script>
 <script>
    $("div, h1, h2").css("color", "red");
</script>
</head>

<body>
    <div>Write less,do more</div>
    <h1>Write less,do more</h1>
    <h2>Write less,do more</h2>
    <p>Write less,do more</p>
</body>
</html>



<!--而这里的字体却可以全部变为红色-->
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>javascript</title>
<script src="other/jquery-1.5.1.js"></script>
 <script>
    $("*").css("color", "red");
</script>
</head>

<body>
    <div id = "div1">Hello li</div>
    <p class="p1">Hello hai</p>
    <span>write less</span>
</body>
</html>
还愿大家指教,两段代码只是换了一下所选择的内容而已,为什么第一段就不能达到如期的效果
3 回复
#2
诸葛修勤2014-02-09 12:33
1、实例1中没有起到作用是因为 js脚本执行的时候DOM元素还没有加载完  所以选择器是没有选择到任何元素的

2、实例2中元素的前景色都为红色是因为 选中了html元素 而color属性具有继承特性导致html子元素都继承了color:red;样式。


#3
诸葛修勤2014-02-09 12:35
程序代码:
<script type="text/javascript">
/*$(function(){
    $("div, h1, h2").css("color", "red");
});
$("html").css("color", "red");
*/
</script>
#4
渴望做梦2015-02-12 11:10
应该吧js代码放在dom元素的后面
1