当前位置:Web前端 > jquery> 正文

jquery中hasClass()、is()判断是否包含指定的class

时间:2016-8-20类别:Web前端

jquery中hasClass()、is()判断是否包含指定的class

jquery中hasClass()、is()判断是否包含指定的class

1、.hasClass()用来检查被选择的元素是否包含指定的class名。

 

2、.hasClass()语法

jQueryObject.hasClass( className )

 

3、例如

 

  •  
  • HTML 代码   复制
  • 
    <li id="n1">
           <p id="n2" class="site-name">CodePlayer</p>
           <p id="n3" class="foo bar demo">http://www.studyofnet.com</p>
    </li>
    
    
    <script>
    
    var $n2 = $("#n2");
    document.writeln( $n2.hasClass("site-name") ); // true
    
    var $n3 = $("#n3");
    document.writeln( $n3.hasClass("bar") ); // true
    // 不存在该css类名,返回false
    document.writeln( $n3.hasClass("noClass") ); // false
    
    var $p = $("p");
    // 只要jQuery对象匹配的元素中有任意一个元素包含指定的css类名,即返回true
    document.writeln( $p.hasClass("site-name") ); // true
    document.writeln( $p.hasClass("foo") ); // true
    
    </script>
    
    		
  •  

    4、hasClass()也可以同时写多个class但他们之前用空格隔开

    如下:


    $(selector).hasClass("className1 className2");

     

    5、使用.is()也能实现相同的功能,例如

    $(selector).is(".className");

     

    6、.is()也可以有多个类名的写法,例如

    $(selector).is(".className,.className");

     

    标签:
    上一篇下一篇

    猜您喜欢

    热门推荐