jQuery--类属性操作

最新推荐文章于 2019-12-20 17:28:30 发布

人生如初见_张默

最新推荐文章于 2019-12-20 17:28:30 发布

阅读量106

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_42176520/article/details/103581170

版权

jQuery 专栏收录该内容

98 篇文章 1 订阅

订阅专栏

addClass()

<style>
    .red{border-radius:30px;box-shadow:8px 8px 5px red}
    .black{border-radius:30px;box-shadow:5px 5px 5px black}
</style>
<script>
    $('img').addClass('red');
</script>
<body>
    <img src="images/logo.jpg" alt="图片" width="200px">
</body>

removeClass()

<style>
    .red{border-radius:30px;box-shadow:8px 8px 5px red}
    .black{border-radius:30px;box-shadow:5px 5px 5px black}
</style>
<script>
    $('img').removeClass('red');
</script>
<body>
    <img src="images/logo.jpg" alt="图片" width="200px">
</body>

toggleClass()

如果已设置过了某个样式，再次使用toggleClass()时会删除之前添加的样式

<style>
    .red{border-radius:30px;box-shadow:8px 8px 5px red}
    .black{border-radius:30px;box-shadow:5px 5px 5px black}
</style>
<script>
    $('img').toggleClass('red');
</script>
<body>
    <img src="images/logo.jpg" alt="图片" width="200px">
</body>