$.("").css的有关问题
日期：2014-05-16 浏览次数：20356 次
$.("*").css的问题
<html>
<head>
<title></title>
<style type="text/css">
body{font-size:12px;text-align:center}
.clsFrame{width:300px,height:100px}
.clsFrame div,span{display:none;float:left;width:65px;height:65px;border:solid 1px #ccc;margin:8px}
.clsOne{background-color:#eee}
</style>
<script language="javascript" type="text/javascript" src="file:///C:/Users/acer/Downloads/jquery/jquery-2.0.3.js">
</script>
<script type="text/javascript">
/* $(function(){
$("#divOne").css("display","block");
});
$(function(){
$("div span").css("display","block");
});
$(function(){
$(".clsFrame .clsOne").css("display","block");
});*/
$(function(){
$("*").css("display","block");
});
/* $(function(){
$("#divOne,span").css("display","block");
}); */
</script>
</head>
<body>
<div class="clsFrame">
<div id="divOne">ID</div>
<div class="clsOne">CLASS</div>
<span>SPAN</span>
</div>
</body>
</html>
上面这段代码中执行 $("*").css("display","block");
后网页上面也显示style和script的内容，怎么回事呢？
------解决方案--------------------
好， 怪 啊 。
<html>
<head>
<title></title>
<style type="text/css">
body{font-size:12px;text-align:center}
.clsFrame{width:300px,height:100px}
.clsFrame div,span{display:none;float:left;width:65px;height:65px;border:solid 1px #ccc;margin:8px}
.clsOne{background-color:#eee}
</style>
<script language="javascript" type="text/javascript" src="file:///C:/Users/acer/Downloads/jquery/jquery-2.0.3.js">
</script>
<script type="text/javascript">
/* $(function(){
$("#divOne").css("display","block");
});
$(function(){
$("div span").css("display","block");
});
$(function(){
$(".clsFrame .clsOne").css("display","block");
});*/
$(function(){
$("*").css("display","block");
});
/* $(function(){
$("#divOne,span").css("display","block");
}); */
</script>
</head>
<body>
<div class="clsFrame">
<div id="divOne">ID</div>
<div class="clsOne">CLASS</div>
<span>SPAN</span>
</div>
</body>
</html>
上面这段代码中执行 $("*").css("display","block");
后网页上面也显示style和script的内容，怎么回事呢？
------解决方案--------------------
好， 怪 啊 。
<!DOCTYPE html>
<html >
<head style='display:block;'>
<meta charset="UTF-8" >
<title >Insert title here</title>
<script src="../lib/jquery/jquery-1.9.1.js" ></script>
<script style='display:block;'>
function v$(id){
this.dom = document.getElementById(id)
}
</script>
<style type="text/css" style='display:block;'>
body{font-size:12px;text-align:center}
.clsFrame{width:300px,height:100px}
.clsFrame div,span{display:none;float:left;width:65px;height:
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
