class属性：
规定元素的一个或多个类名（引用样式表中的类）。
如下案例：
1.
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script>
function getHidden() {
$(".123").html("aaaaaaa");
}
</script>
<style type="text/css">
.123 {background-color: red}
</style>
<body>
<div class="123" class="234" οnclick="getHidden()">34353453</div>
</body>
在页面加载时div为红色，点击div时内容变为aaaaaaa。
2.
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script>
function getHidden() {
$(".123").html("aaaaaaa");
}
</script>
<style type="text/css">
.123 {background-color: red}
</style>
<body>
<div class="234" class="123"οnclick="getHidden()">34353453</div>
</body>
在页面加载时div不为红色，点击div时内容不变。
3.
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script>
function getHidden() {
$(".123").html("aaaaaaa");
}
</script>
<style type="text/css">
.123 {background-color: red}
</style>
<body>
<div class="123"οnclick="getHidden()">34353453</div>
<div class="123">3333333</div>
</body>
在页面加载时2个div都变红，点击第一个div，2个div的内容都变化为aaaaaaa。
总结上面的案例：
jquery和css都是一样的：在同一个标签里第一个class是有效的。在不是同一个标签的class都是有效的。
最后
以上就是勤劳雨最近收集整理的关于html的class属性的全部内容，更多相关html内容请搜索靠谱客的其他文章。
发表评论 取消回复