.is()

作者: 爱学习的小青蛙 | 来源:发表于2019-01-02 18:58 被阅读0次

    1. jquery中的.is()方法:

    w3c介绍
    用法:is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。
    语法:.is(selector)

    2.

    <ul>
      <li>list <strong>item 1</strong></li>
      <li><span>list item 2</span></li>
      <li>list item 3</li>
    </ul>
    
    <script>
    $("ul").click(function(event) {
      var $target = $(event.target);
      if ( $target.is("li") ) {
        $target.css("background-color", "red");
      }
    });
    </script>
    
    image.png

    现在,当用户点击的是第一个列表项中的单词 "list" 或第三个列表项中的任何单词时,被点击的列表项会被设置为红色背景。不过,当用户点击第一个列表项中的 item 1 或第二个列表项中的任何单词时,都不会有任何变化,这是因为这上面的情况中,事件的目标分别是 <strong> 是 <span>。

    相关文章

      网友评论

          本文标题:.is()

          本文链接:https://www.haomeiwen.com/subject/louzlqtx.html