如何实现jQuery的.not()？

在jQuery中，.not()方法用于从选定的元素集合中排除匹配的元素。要实现.not()方法，请按照以下步骤操作：

首先，确保已经在HTML文件中引入了jQuery库。可以使用以下代码将其添加到<head>标签中：

在JavaScript代码中，使用.not()方法来过滤元素集合。例如，如果您有一组<p>标签，并希望选择其中所有不包含类名exclude的<p>标签，可以使用以下代码：

$(document).ready(function() {
  $('p').not('.exclude').css('background-color', 'lightblue');
});

在这个例子中，所有不包含类名exclude的<p>标签的背景颜色将被设置为浅蓝色。

您还可以将多个选择器作为参数传递给.not()方法，以排除匹配任何一个选择器的元素。例如，以下代码将排除具有类名exclude或ignore的<p>标签：

$(document).ready(function() {
  $('p').not('.exclude, .ignore').css('background-color', 'lightblue');
});

这就是如何在jQuery中实现.not()方法的基本方法。希望这对您有所帮助！

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Jquery源码分析-整体结构

jQuery多库共存问题解决方法

一、问题概述: 1、随着jQuery的流行,采用jQuery和$符为命名空间的js库越来越多,当然jQuery的$符也是参照的Prototype库的,所以当多个库同时以$符或者jQuery为命名空间时,那么此时,就会产生冲突。 2、由于jQuery的更新速度过快,所以插件更不上,导致不同版本的jQuery对插件支持的不一样,而刚好我们此时需要用一个高版本的jQuery进行开发,我们用的z-tree则是低版本的jQuery,所以在这种场景下,则会产生$和jQuery命名空间冲突的问题 3、这里jQuery解决

【深入浅出jQuery】源码浅析--整体架构

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuer

jQuery 对AMD的支持（Require.js中如何使用jQuery）

AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。

jQuery介绍与常见选择器的使用

jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建与2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile 等开发人员以及推广和网站设计、维护人员。

JQuery的$命名冲突

在Jquery中，$是JQuery的别名，所有使用$的地方也都可以使用JQuery来替换，如$('#msg')等同于JQuery('#msg')的写法。然而，当我们引入多个js库后，在另外一个js库中也定义了$符号的话，那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。第一种情况：jquery.js在prototype.js之后进行引入,如：

jQuery下载和安装详细教程[通俗易懂]

我们可以到jQuery的官网下载jQuery文件（PS：其实jQuery就是一个封装了很多函数的js文件，把这个js文件导入到网页中就可以了）。

Jquery源码分析：初始化Jquery函数

今天我们来分析一下jquery的源码，从关于初始化jquery这个函数开始。版本：3.4.1

jQuery源码浅析

如果说php是世界上最好的语言，那么javascript无疑可以称为世界上最飘逸的语言，最近看了下jQuery的源码，实现了一个简陋的jQuery。我觉得要看懂jQuery整体结构，需要搞懂js作用域链，闭包，js prototype继承，关于闭包网络上的定义实在太多了，这里参照了js权威指南里的定义，感觉从js的角度好理解一点。

学习 jQuery 源码整体架构，打造属于自己的 js 类库

本文章学习的是 v3.4.1版本。unpkg.com源码地址：https://unpkg.com/jquery@3.4.1/dist/jquery.js

JavaScript - 测试 jQuery

为了引用某个库，请使用 <script> 标签，其 src 属性设置为库的 URL：

jQuery下载安装详细教程，jQuery入门必备[通俗易懂]

jQuery是一套JavaScript的库，它简化了使用Javascript进行网页特效开发的一些复杂性，提供了对常见任务的自动化和复杂任务的简化。

Jquery源码分析：初始化Jquery函数

今天我们来分析一下jquery的源码，从关于初始化jquery这个函数开始。版本：3.4.1

jQuery 4.0震撼发布：这是复兴还是告别？

jQuery，这个曾经主宰前端开发的JavaScript框架，最近发布了4.0 beta版本，标志着它进入了一个新的阶段。尽管新的框架和库层出不穷，jQuery凭借其广泛的功能积累和庞大的用户基础，在前端领域依然保持着一席之地。

clipboard使用Require自动复制「建议收藏」

由于没有使用过require，在微擎人人商城中遇到了一个需要自动复制内容的功能。头疼了一番。

JavaScript中的链式调用

链模式是一种链式调用的方式，准确来说不属于通常定义的设计模式范畴，但链式调用是一种非常有用的代码构建技巧。

最常见的 20 个 jQuery 面试问题及答案

JavaScript 是客户端脚本的标准语言，而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用到的 JavaScript 库之一，并且现在已经很少有不用jQuery 而使用原生 JavaScript 的新项目了。这对于作为一个 Java web 开发者的你而言意味着你会在一场Java web开发面试中发现许多jQuery的面试问题.

理解jquery的$.extend & $.fn.extend用法

jQuery为开发插件提拱了两个方法，分别是： 1、jQuery.fn.extend(); //dom方法 2、jQuery.extend(); // 工具方法 ---- jQuery.fn jQuery.fn = jQuery.prototype = { init: function( selector, context ) { //…. //…… }; } 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌

掌握jQuery插件开发，这篇文章就够了

700美金的WordPress Dos漏洞CVE-2018-6389分析

本文分享的Writeup是关于WordPress的DoS通杀漏洞CVE-2018-6389，该漏洞影响3.x至4.x所有版本的WordPress程序，作者针对该漏洞对目标网站进行了测试验证，从而获得了$700的漏洞赏金，以下是其分享。

【JQuery框架】JQuery对象和JS对象的区别和转换

在了解jQuery对象和JS对象之间的区别和转换前，我们先对jQuery框架进行一个简单的入门。

JS对象与Dom对象与jQuery对象之间的区别

通过问题看本质：举例： js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的

jQuery 的基本使用

jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。

jQuery 快速入门教程

在使用jQuery之前，我们必须先了解什么是jQuery，它能够干什么(不然我们为啥要用它)。

十三、jQuery过时的今天，你还会使用它吗

我至今还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹，“原来JavaScript居然可以这样用！”

JavaScript中的链式调用

链模式是一种链式调用的方式，准确来说不属于通常定义的设计模式范畴，但链式调用是一种非常有用的代码构建技巧。

2.基础核心学习

在jQuery程序中，不管是页面元素的选择、内置的功能函数，都是美元符号“$”来起始的。而这个“$”就是jQuery当中最重要且独有的对象：jQuery对象=属性+方法，所以我们在页面元素选择或执行功能函数的时候可以这么写：

CVE-2018-6389: WordPress <= 4.9.x 拒绝服务(DOS)漏洞

在文件 WordPress/wp-admin/load-scripts.php 中：

JQuery的安装与下载教程

jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 <script> 标签引用它：

jQuery插件开发学习笔记

今天想了解一下jQuery的插件开发，于是google了一下，列在前面的两篇文章都很不错，jQuery插件开发全解析更是将插件开发的方方面面细致入微的进行了讲解，并提供了PDF进行下载。笔者今天详细的阅读了这篇文章并记录了一些笔记。

jQuery 介绍以及基本使用

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

程序员Web面试之jQuery

又到了一年一度的毕业季了，青春散场，却等待下一场开幕。在求职大军中，IT行业的程序员、码农是工科类大学生的热门选择之一，尤其是近几年Web的如火如荼，更是吸引了成千上万的程序员投身其中追求自己的梦

010

从零开始学 Web 之 jQuery（一）jQuery的概念，页面加载事件

JavaScript 开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。

jquery的扩展方法介绍

最近一直在写js，这其中也少不了一位js的主角了jQuery，下面介绍的是jQuery的一些扩展，也就是jQuery的扩展方法，jQuery的扩展方法有两种方式，一种是jQuery本身的扩展方法，另一种是jQuery所选对象的扩展方法，下面一起来看。一、方式列表：　　1.jQuery.extend(Object);　　　// jQuery 本身的扩展方法　　2.jQuery.fn.extent(Object);　 // jQuery 所选对象扩展方法二、调用示例：　　1.jQuery 本身的扩

011

WordPress中的jQuery库不起作用的相关问题

WordPress 中的jQuery 库问题曾经困扰了我一段时间。如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个jQuery 库，网页速度拖慢了而且根本没有必要。后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至

jQuery学习笔记——jQuery基础

什么是jQuery？jQuery是一个快速、简洁的JavaScript库，其设计宗旨是“write less，do more”，倡导用更少的代码，做更多的事情。通过这段时间的学习，我感觉jQuery是一个“语法糖”，就像是包在糖果外面的包装，让js看起来更好看。

js 自动补全

js 代码 //---------------------------------------------------自动补全begin-------------------------------- var maxcount = 0;// 表示他最大的值 var thisCount =0;// 初始化他框的位置 var flagThis = 0; var flag = 0; //标示是否选择自动补全 //自动补全方法 function zdbq(obj){ var id = obj; document.g

掌握jQuery插件开发这篇文章就够了转

在实际开发工作中，总会碰到像滚动，分页，日历等展示效果的业务需求，对于接触过jQuery以及熟悉jQuery使用的人来说，首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求。目前页面中常用的一些组件，都有多种jQuery插件可供选择，网络上也有很多专门收集jQuery插件的网站。利用jQuery插件确实可以给我们的开发工作带来便捷，但是如果只是会简单使用，而对其中的原理不甚了解，那么在使用过程中碰到问题或者对插件进行定制开发时就会有诸多疑惑。本文的目的就是可以快速了解jQuery插件的开发原理以及掌握jQuery开发的基本技能。进行jQuery插件开发前，首先要知道两个问题：什么是jQuery插件？jQuery插件如何使用？第一个问题，jQuery插件就是用来扩展jQuery原型对象的一个方法，简单来说就是jQuery插件是jQuery对象的一个方法。其实回答了第一个问题，也就知道第二个问题的答案了，jQuery插件的使用方式就是jQuery对象方法的调用。我们先看个例子：$("a").css("color","red")。我们知道每个jQuery对象都会包含jQuery中定义的DOM操作方法,这里使用$方法来选择a元素，返回一个a元素的jQuery对象，这个对象就可以使用jQuery中定义的DOM操作方法。那么jQuery对象是如何获取这些方法的呢？其实jQuery内部定义了一个jQuery.fn对象，查看jQuery源码可以发现jQuery.fn=jQuery.prototype，也就是说jQuery.fn对象是jQuery的原型对象,jQuery的DOM操作方法都在jQuery.fn对象上定义的，然后jQuery对象就可以通过原型继承这些方法。基础版jQuery插件知道了上面这些知识，我们就可以来写一个简单的jQuery插件。假如我现在需要一个jQuery插件用来改变标签内容颜色，就可以按下面的方式来实现这个插件： $.fn.changeStyle = function(colorStr){ this.css("color",colorStr); } 然后按下面的方式来使用插件： $("p").changeStyle("red"); 插件调用的时候，插件内部的this就是当前调用插件的jQuery对象，这样的话每个使用$()方法选择的标签，在调用changeStyle()插件时都会使用css()方法重设color样式。满足链式调用的jQuery插件链式调用时jQuery的一大特色，一个通用的插件应该遵循jQuery风格，满足链式调用要求。实现链式调用的方式也很简单： $.fn.changeStyle = function(colorStr){ this.css("color",colorStr); return this; } 然后使用的时候就可以链式调用其他方法了： $("p").changeStyle("red").addClass("red-color"); 实现链式调用的关键点就一行代码return this，插件中加了这行代码，那么在插件执行完之后，就会把当前的jQuery对象返回，然后就可以在插件方法后面继续调用其它jQuery方法。防止$符号污染的jQuery插件有很多js库都会使用$符号，虽然jQuery可以使用jQuery.noConflict()方法交出$符号的使用权，但是如果定义插件的时候，使用$.fn对象来定义的，那么这些插件使用的时候就会受到其它使用$变量的js库的影响。对于这种情况，我们可以使用立即执行函数通过传参的方式封装插件。形式如下： (function($){ $.fn.changeStyle = function(colorStr){ this.css("color",colorStr); return this; } })(jQuery); 因为使用了立即执行函数，所以此时的$只属于这个立即执行函数的函数作用域，这样就可以避免$符号的污染。可以接受参数的jQuery插件继续上面的例子，假如我还想为这个插件添加一个设置标签元素内容文字大小的功能，那么我可以这么来实现： (function($){ $.fn.changeStyle = function(colorStr，fontSize){ this.css("color",colorStr).css("fontSize",fontSize+"px"); return this; } })

jQuery（初识）

答：是一个快速、简洁的js框架；（15岁美国人John）2006年1月出现，8月第一个稳定版本。为了解决js中比较麻烦的函数和节点操作以及选择器。

jQuery 的基本使用

jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。

JQuery第四节

jQuery补充知识点隐式迭代基本概念隐式迭代：jQuery在设置属性时会自动的遍历，因此我们不需要再遍历 jQuery在执行设置性操作时，会给所有的元素都设置上相同的值。 jQuery在执行获取性操作时，只会返回第一个元素对应的值。如果想要给每一个元素都设置不同的值，需要手动进行遍历jQuery对象。 each方法遍历jQuery对象集合，为每个匹配的元素执行一个函数语法： // 参数一表示当前元素在所有匹配元素中的索引号 // 参数二表示当前元素, 在function中this也表示当前元素

jQuery 发布 1.9 正式版，最后支持 IE 6/7/8

jQuery 于 2013/1/15 正式发布了 1.9 版本，这个版本最值得关注的，不是又增加了什么新功能，而是它去掉了哪些东西！jQuery 1.9 删除和改动了不少过时的 API，升级后可能会导致现有的程序无法兼容，为此官方还一起发布了升级指南以及升级插件（jQuery Migrate）协助开发者平稳升级。

JS-JavaScript类库整理 [更新中...]

http://www.bootcss.com/p/chart.js/docs/

DOM对象与jquery对象有什么不同

1.jQuery对象和DOM对象 DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象; var domObj = document.getElementById("id"); //DOM对象 var $obj = $("#id"); //jQuery对象; jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。如果一个对象是jQuery对象，那么就可以使用jQuery里的方法，例: $("#foo").html(); //获取id为foo的元素内的html代码，html()是jQuery特有的方法; 上面的那段代码等同于: document.getElementById("foo").innerHTML; 注意：在jQuery对象中无法使用DOM对象的任何方法。例如$("#id").innerHTML 和$("#id").checked之类的写法都是错误的，可以用$("#id").html()和$("#id").attr ("checked")之类的 jQuery方法来代替。同样，DOM对象也不能使用jQuery方法。学习jQuery开始就应当树立正确的观念，分清jQuery对象和DOM对象之间的区别，之后学习 jQuery就会轻松很多的。

怎么在layuiAdmin中使用jQuery？

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用

ajaxfileupload 实现多文件上传

官网下载ajaxfileupload.js: 修改源码： jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId = 'jUploadFrame' + id; var iframeHtml = '<iframe id="' + frameId + '" name="' + frameId + '" s

JQuery 快速入门指南

嗨，各位小伙伴们！欢迎来到 Java Web 开发的继续学习之旅。在前面的博客中，我们学习了 Servlet、JSP、Filter、Listener 等基础知识，今天我们将进入前端领域，学习一下如何使用 JQuery 来简化和优化我们的前端开发。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何实现jQuery的.not()？

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐