jQuery not() 方法

jQuery 遍历方法

not()方法返回不符合指定条件的元素。

not()方法过滤掉所有与所选条件匹配的元素,不匹配的元素将被返回。

not()方法与filter()方法相反。

语法:

获取不符合指定条件的元素:

$(selector).not(criteria)

使用函数获取元素:

$(selector).not(function(index))

实例

返回除第一段外的所有段:

$(document).ready(function(){
  $("p").not(":first").css("background", "coral");
});
测试看看‹/›

返回所有没有类名称“ demo”的段落:

$(document).ready(function(){
  $("p").not(".demo").css("background", "coral");
});
测试看看‹/›

返回所有甚至不是的列表项:

$(document).ready(function(){
  $("li").not(":even").css("background", "coral");
});
测试看看‹/›

更改所有div的背景颜色;然后为那些没有“ middle”类名的元素添加边框颜色:

$(document).ready(function(){
  $("div").css("background", "#c8ebcc").not(".middle").css("border-color", "red");
});
测试看看‹/›

使用函数过滤掉元素:

$(document).ready(function(){
  $("div").not(function(i){  
    return $(this).hasClass("middle");
  }).css("background-color", "blue");
});
测试看看‹/›

参数值

参数描述
criteria指定一个选择器表达式,一个jQuery对象或一个或多个从一组选定元素中返回的元素。
要指定多个条件,请使用逗号
function(index)指定用于测试集合中每个元素的函数
  • index - 返回元素在集合中的索引位置

jQuery 遍历方法