首页 > 其他 > 详细

添加或移除样式,属性,id

时间:2017-02-28 19:29:32      阅读:195      评论:0      收藏:0      [点我收藏+]

添加,移除css

  1. jq添加css
    1. addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。

    2. 语法:$(selector).addClass(function(index,oldclass))

    3. 例子,向第一个 p 元素添加一个类

      <html>
      <head>
      <script type="text/javascript" src="/jquery/jquery.js"></script>
      <script type="text/javascript">
      $(document).ready(function(){
      $("button").click(function(){
      $("p:first").addClass("intro");//向第一个P元素添加一个类
      //$("p:first").addClass("intro note");//向第一个p元素添加两个类
      });
      });
      </script>
      <style type="text/css">
      .intro
      {
      font-size:120%;
      color:red;
      }
      </style>
      </head>

      <body>
      <h1>This is a heading</h1>
      <p>This is a paragraph.</p>
      <p>This is another paragraph.</p>
      <button>向第一个 p 元素添加一个类</button>
      </body>
      </html>

  2. 替换整个css,使用attr()方法来设置p元素的class

    1. var p_class = $("p").attr("class"); //获取p元素的class 

       $("p").attr("‘class", "high"); //设置p元素的class为 "high" 

  3. jq移除css
    1. 语法:$(".default").removeClass("default ");

 

添加或移除样式,属性,id

原文:http://www.cnblogs.com/bkyj/p/6480158.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!