这个例子的输出错了吧
示例的输出不应该是red吧
4 回答
上面的代码忘了引入jquery.js了
<!DOCTYPE html>
<html>
<head>
<title>.class选择器</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.red{color:Red;}
</style>
</head>
<script type="text/javascript"></script>
<body>
<div id="divtest" class="red">我穿红衣了</div>
</body>
<script type="text/javascript">
var $className=$(".red").attr("class");
$(".red").html($className);
</script>
</html>
你截图截错了吧，应该是
<!DOCTYPE html>
<html>
<head>
<title>.class选择器</title>
<style type="text/css">
.red{color:Red;}
</style>
</head>
<script type="text/javascript"></script>
<body>
<div id="divtest" class="red">我穿红衣了</div>
</body>
<script type="text/javascript">
var $className=$(".red").attr("class");
$(".red").html($className);
</script>
</html>
这段代码，之所以显示结果是“red”,是因为 var $className=$(".red").attr("class");调用attr（）方法，取得元素的类别名称（red）,赋值给$className,通过语句$(".red").html($className);class=red的元素的值重新设置为$className(red)
举报
0/150
提交
取消
