您的位置:首页 > Web前端 > jquery > 正文

jquery中is()

更多 时间:2015-8-24 类别:Web前端 浏览量:1561

jquery中is()

jquery中is()

一、jquery中is()是用来检测是否有匹配的元素

 

实例

  •  
  • 
    // 变量保存jQuery对象
    var elem = $('#elem');
    // 判断是否为li
    elem.is('li');
    // 是否包含类名.bigbox
    elem.is('.bigbox');
    // 是否可见
    elem.is(':not(:visible)');
    // 设置元素执行动画
    elem.animate({'width':200},1);
    // 是否执行动画
    elem.is(':animated');
    
    		
  •  

    二、is()也可以有多个类名的写法

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

     

    三、is()中使用函数

    对基于函数而非选择器的相关元素的表达式进行求值。对于每个元素来说,如果该函数返回 true,则 .is() 也返回 true。

     

  • 
    $("li").click(function() {
      var $li = $(this),
        isWithTwo = $li.is(function() {
          return $('strong', this).length === 2;
        });
      if ( isWithTwo ) {
        $li.css("background-color", "green");
      } else {
        $li.css("background-color", "red");
      }
    });
    
    		
  •  

    四、jquery中hasClass()

     

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

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

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

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

     

    标签:jquery