| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 533 人关注过本帖
标题:jQuery 选择器问题
只看楼主 加入收藏
白5130
Rank: 2
等 级:论坛游民
威 望:1
帖 子:26
专家分:17
注 册:2013-4-13
结帖率:75%
收藏
已结贴  问题点数:10 回复次数:3 
jQuery 选择器问题
<!--为什么下面这段代码中 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>
还愿大家指教,两段代码只是换了一下所选择的内容而已,为什么第一段就不能达到如期的效果
搜索更多相关主题的帖子: javascript content color title 
2014-02-09 11:49
诸葛修勤
Rank: 10Rank: 10Rank: 10
等 级:贵宾
威 望:11
帖 子:549
专家分:1955
注 册:2010-10-28
收藏
得分:10 
1、实例1中没有起到作用是因为 js脚本执行的时候DOM元素还没有加载完  所以选择器是没有选择到任何元素的

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


2014-02-09 12:33
诸葛修勤
Rank: 10Rank: 10Rank: 10
等 级:贵宾
威 望:11
帖 子:549
专家分:1955
注 册:2010-10-28
收藏
得分:0 
程序代码:
<script type="text/javascript">
/*$(function(){
    $("div, h1, h2").css("color", "red");
});
$("html").css("color", "red");*/
</script>
2014-02-09 12:35
渴望做梦
Rank: 1
等 级:新手上路
威 望:1
帖 子:45
专家分:1
注 册:2014-12-24
收藏
得分:0 
应该吧js代码放在dom元素的后面
2015-02-12 11:10
快速回复:jQuery 选择器问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.017549 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved