📜  jQuery not()方法(1)

📅  最后修改于: 2023-12-03 15:16:43.803000             🧑  作者: Mango

jQuery not()方法

简介

jQuery not()方法用于在集合中去除匹配特定选择器的元素,剩下的元素将构成一个新的jQuery对象。

语法
$(selector).not(selector/exclude/func)

参数说明:

  • selector: 用于筛选匹配的元素的选择器表达式或元素
  • exclude: 一个表示需要排除的元素的选择器表达式或元素
  • func: 一个函数,用于检查元素是否需要被排除,需要返回true或false
返回值

jQuery对象,由剩余元素组成。

示例
去除单个元素
$("li").not("#second").css("background-color", "orange");

上面的代码将所有li元素的背景色设置为橙色,除了ID为second的元素。

去除多个元素
$("li").not("#first, .selected").css("background-color", "orange");

上面的代码将所有li元素的背景色设置为橙色,除了ID为first和class为selected的元素。

去除匹配条件的元素
$(".item").not(function(){
  return $(this).attr("data-color") === "red";
}).css("background-color", "orange");

上面的代码将class为item的元素中,data-color属性值不为red的元素的背景色设置为橙色。

总结

not()方法是jQuery中的一个非常实用的方法,可以帮助开发者排除特定的元素,从而得到想要的元素集合,提高开发效率。