常用JQuery操作

Posted bestefforts

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了常用JQuery操作相关的知识,希望对你有一定的参考价值。

  • 切换操作$().toggleClass()可以切换属性,原本存在的属性会被取消,原本不存在的属性会被添加上,非常方便.
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <title>Bootstrap 实例 - 按钮激活状态</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

    <button  id="1" type="button" class="btn btn-default btn-lg ">默认按钮</button>

    <script>
        $("#1").click(function()$("button[id='1']").toggleClass("active btn-default btn-primary");  );
    </script>
    
</body>
</html>

可在菜鸟教程尝试

以上是关于常用JQuery操作的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 常用选择器和方法以及遍历(超详细)

jQuery常用操作方法及常用函数总结

jQuery的常用操作

jQuery---7. 常用API(jQuery尺寸位置操作 )

jquery 获取及操作元素 (常用)

jQuery实用工具函数和常用操作