html的class属性

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都是有效的。

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值