美文网首页
12-jQuery-Class 操作

12-jQuery-Class 操作

作者: 轻思维 | 来源:发表于2017-08-31 22:38 被阅读0次

Class 操作

作者:曾庆林

设置和切换class

addClass() 添加class

$(elem).addClass("active");
//注意class active 前面没有加点
    

hasClass() 检查是否有某个class名 返回true/false

removeClass() 删除class

<h1 class="active header"></h1>
<script>
$(function({
     $("h1").removeClass("active");
    // 这样只会删除 active class
    
    $("h1").removeClass();
    // 这样会删除掉h1的所有class
   
}))
</script>
    

toggleClass() 切换class

example:单击添加切换高亮显示


<style>
    .active{ color:red;}
</style>

<h1 class="active header"></h1>

<script>
$(function({
    $("h1").click(function(){
         $("h1").toggleClass("active");
     })
    
}))
</script>
    

相关文章

  • 12-jQuery-Class 操作

    Class 操作 作者:曾庆林 设置和切换class addClass() 添加class hasClass() ...

  • Mac 终端 Linux 简单命令

    目录操作 文件操作 选择操作 安全操作 编程操作 进程操作 时间操作 网络与通信操作 Korn Shell 命令 ...

  • 常见Mac终端命令大全

    目录操作 文件操作 选择操作 安全操作 编程操作 进程操作 时间操作 网络与通信操作 Korn Shell 命令 ...

  • Mac 终端命令大全

    目录操作 文件操作 选择操作 安全操作 编程操作 进程操作 时间操作 网络与通信操作 Korn Shell 命令 ...

  • Mac 终端命令大全

    目录操作 文件操作 选择操作 安全操作 编程操作 进程操作 时间操作 网络与通信操作 Korn Shell 命令 ...

  • Mac 终端常用命令汇总

    目录操作 文件操作 选择操作 安全操作 编程操作 进程操作 时间操作 网络与通信操作 Korn Shell 命令 ...

  • shell 命令 干货

    目录操作 文件操作 选择操作 安全操作 编程操作 进程操作 时间操作 网络与通信操作 Korn Shell 命令 ...

  • shell - 终端命令总结

    目录操作 文件操作 选择操作 安全操作 编程操作 进程操作 时间操作 网络与通信操作 Korn Shell 命令 ...

  • MAC终端命令

    目录操作 文件操作 选择操作 安全操作 编程操作 进程操作 时间操作 网络与通信操作 Korn Shell 命令 ...

  • Mac 终端命令大全

    目录操作 文件操作 选择操作 安全操作 编程操作 进程操作 时间操作 网络与通信操作 Korn Shell 命令 ...

网友评论

      本文标题:12-jQuery-Class 操作

      本文链接:https://www.haomeiwen.com/subject/ysncjxtx.html