zoukankan      html  css  js  c++  java
  • JQuery属性操作 addclass removeclass hasclass toggleClass()


    参考页面:

    http://www.w3school.com.cn/jquery/jquery_ref_attributes.asp

    1:addClass() romoveclass():向匹配的元素添加指定的类名 一个或多个,致死天际一个或多个class属性:(如果添加多个类,可以使用空格分隔类名)

         

    A:想第一个p元素添加一个类:
                 $("p:first").addClass("intro");

    B: 使用函数添加一个类

    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $('p').addClass(function(n){
          return 'par_' + n;
        });
      });
    });
    </script>
    <style type="text/css">
    .par_0
    {
    color:blue;
    }
    .par_1
    {
    color:red;
    }
    </style>

     C :被选元素中添加两个类: 多个类用空格隔开就可以

                         $("p:first").addClass("intro note");

    D:改变元素的类:使用 addClass() 和 removeClass() 来移除 class,并添加新的 class。 

                            $("p:first").removeClass("intro").addClass('main');

     

    2:hasclass():  检查被选元素是否包含指定的 class 包含返回true:不包含返回false    
              alert($("p:first").hasClass("intro"));
     

    3:toggleclass() :   对设置或移除被选元素的一个或多个类进行切换:可进行多次切换

             $("p").toggleClass("main");





  • 相关阅读:
    vim使用笔记
    想象的天空
    修电脑记
    反编译 Component重要类,全文解释 - 组件篇
    被动扫描和主动处理的比较
    第一次运行起来XAML
    学习 Aero 随笔
    Google AdSense 申请已得到批准
    延迟加载的一般实现
    看见几篇文章,收藏一下。
  • 原文地址:https://www.cnblogs.com/cf924823/p/5500579.html
Copyright © 2011-2022 走看看