zoukankan      html  css  js  c++  java
  • JQuery 获取除某指定对象外的其他对象 :not() 与.not()

     

    .not() 遍历方法 匹配元素集合中移除元素
    :not() 选择器 选取除了指定元素以外的所有元素
    .siblings() 遍历方法 返回被选元素的所有同级元素

    需排除对象单数个(1个)

    获取ul中除 id="unwanted" 的其他所有 li

    1 <ul>
    2   <li>list item 1</li>
    3   <li>list item 2</li>
    4   <li id="unwanted">list item 3</li>
    5   <li>list item 4</li>
    6   <li>list item 5</li>
    7 </ul>
    1    $('li:not(#unwanted)').css('background', 'red');
    2 
    3    $('li').not('#unwanted').css('background', 'red');
    4 
    5   $('#unwanted').siblings().css('background', 'red');

    需排除对象复数个(大于1个) 

    获取ul中除 class="unwanted" 的其他所有 li

    1 <ul>
    2   <li class="unwanted">list item 1</li>
    3   <li>list item 2</li>
    4   <li class="unwanted">list item 3</li>
    5   <li>list item 4</li>
    6   <li>list item 5</li>
    7 </ul>
    1     $('li:not(.unwanted)').css('background', 'red');
    2 
    3     $('li').not('.unwanted').css('background', 'red');
    4 
    5     $('.unwanted').siblings().css('background', 'red');//无法达到预期效果
  • 相关阅读:
    day06
    样式表
    框架&样式表
    表单
    用表格制作百度首页
    汉企教育实训第第二天
    汉企教育实训第一天感想
    BootStrap前端框架
    MySQL存储过程、存储函数介绍
    日常记录
  • 原文地址:https://www.cnblogs.com/PHPcoder404/p/9761636.html
Copyright © 2011-2022 走看看