首页
学习
活动
专区
圈层
工具
发布

JQuery选择器和JQuery包装集

(本文年代久远,请谨慎阅读)今天学习了JQuery的一些基本用法,包括JQuery选择器和JQuery包装集; 从现在开始,要慎重区分DOM对象和JQuery对象,两种对象的方法不同,属性不同,在使用中要特别注意...='...']")匹配给定的属性是不包含某个特定值的元素 name='...' $("input[name^='...']")匹配给定的属性是以某些值开始的元素 name^='...'...$("input[name$='...']")匹配给定的属性是以某些值结尾的元素 name$='...'...") // 使用is()方法会有返回值,如果满足条件,则flagValue会为true; $("input").map(function(){}).get().join(", ")把form中的每个input...n + 1 : null;}); 结果:[2, 3] 原数组中每个元素扩展为一个包含其本身和其值加 1 的数组,并转换为一个新数组:$.map( [0,1,2], function(n){ return

4.4K20

JQuery最全常用方法指南

,从每一个匹配的元素中删除绑定的事件。...map(callback) 将jQuery对象中的一组元素利用callback方法转换其值,然后添加到一个jQuery数组中。 not(expr) 从匹配的元素集合中删除与指定的表达式匹配的元素。...slice(start, [end]) 从匹配元素集合中取得一个子集,和内建的数组的slice方法相同。 add(expr) 把与表达式匹配的元素添加到jQuery对象中。...(array, callback) 使用某个方法修改一个数组中的项,然后返回一个新的数组 jQuery.inArray(value, array) 返回value在数组中的位置,如果没有找到,则返回...- 1 jQuery.unique(array) 删除数组中的所有重复元素,返回整理后的数组 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及

13.2K31
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    21.jQuery

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。...=value] 匹配所有不含有指定的属性,或者属性不等于特定值的元素 [attribute^=value] 匹配给定的属性是以某些值开始的元素 [attribute$=value] 匹配给定的属性是以某些值结尾的元素...[attribute*=value] 匹配给定的属性是以包含某些值的元素 [selector1][selector2][selectorN] 复合属性选择器,需要同时满足多个条件时使用 表单选择器...将一组元素转换成其他数组(不论是否是元素数组) has 保留包含特定后代的元素,去掉那些不含有指定后代的元素 not 从匹配元素的集合中删除与指定表达式匹配的元素 slice...('c1') 2.removeClass(从所有匹配的元素中删除全部或者指定的类) 111 $('span').removeClass

    3.7K90

    webpack性能优化简要

    1.优化loader的查找范围 test: 匹配特定条件。一般是提供一个正则表达式或正则表达式的数组,但这不是强制的 include(推荐): 匹配特定条件。...一般是提供一个字符串或者字符串数组,但这不是强制的 exclude(**优先级最高): ** 排除特定条件。...此配置在用户导入模块不携带后缀时会根据配置项中的后缀进行匹配查找 // v5.25.1版本默认值 extensions: [".js", ".json"] 优化方案 使用合理的后缀列表 导入模块时指明后缀...externals来减少依赖项> 防止将某些import的包打包到bundle中,而是在运行时去外部获取这些依赖 例如,从 CDN 引入 jQuery,而不是把它打包: index.html <script...=" crossorigin="anonymous"> webpack.config.js externals: { jquery: 'jQuery' } 依赖使用不变 import

    76730

    js中判断数组中是否包含某元素的方法有哪些_js判断数组里面是否包含某个元素

    2. stringObject 中的字符位置是从 0 开始的。 3. 查找字符串最后出现的位置,使用 lastIndexOf() 方法。...find() 方法为数组中的每个元素都调用一次函数执行: 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。...findIndex() 方法为数组中的每个元素都调用一次函数执行: 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。...arr.indexOf(value); if(index >= 0){ return true; } } return false; } 第三种方式,就是使用jquery的inArray方法,该方法返回元素在数组中的下标...,如果不存在与数组中,那么返回-1,代码如下所示: /** * 使用jquery的inArray方法判断元素是否存在于数组中 * @param {Object} arr 数组 * @param {Object

    13.3K60

    jQuery 快速入门教程

    注意:既然获得的是jQuery对象,你就只能使用 jQuery对象的方法,而不能在jQuery对象上调用DOM元素(Element对象)自身的方法(比如 getElementById()),除非你已经通过某些方式将它转换成了...例如:只选取集合中符合某些条件的元素,删除集合中符合某些条件的元素,查找当前匹配元素的子元素、父元素、同辈元素、上一个元素、下一个元素等与之具有特定关系的元素。...,如果用于插入/追加/替换/删除的元素是文档中的元素,则这些元素将从原位置上消失。...你可以使用animate()方法设置CSS样式,并执行一个从当前样式到指定样式的过渡动画效果。...jQuery核心:事件处理 jQuery具有强大的DOM事件处理功能,使用jQuery的事件处理方法,我们可以非常方便地为DOM元素的指定事件绑定处理函数。

    15.2K30

    「jQuery」基础 - 03

    事件处理 trigger() 自动触发事件 有些时候,在某些特定的条件下,我们希望某些事件能够自动触发, 比如轮播图自动播放功能跟点击右侧按钮一致。...事件对象 jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。...中的 event 对象使用,可以借鉴 API 和 DOM 中的 event 。...我们将重点详细讲解,从找到插件所在网页,然后点击下载代码,到插件的使用等,后面的插件使用可参考瀑布流插件的使用。...声明一个数组,保存数据。 先要读取本地存储原来的数据(声明函数 getData()),放到这个数组里面。 之后把最新从表单获取过来的数据,追加到数组里面。

    4.1K30

    JavaScript百炼成仙读书笔记

    indexOf方法:在原字符串中搜索一个特定的字符串,将目标字符串在原字符串中的位置返回。...jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的 多功能接口;具有高效灵活的CSS选择器进行扩展 拥有便捷的插件扩 展机制和丰富的插件。...源生JavaScript获取dom元素: document.getElementById("id的值") 使用jQuery获取dom元素: $('#id的值') jQuery支持...find:查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素。...findIndex:查找数组中符合条件的元素索引,若有多个符合条件的元素,则返回第一个元素索引。 fill:将一定范围索引的数组元素内容填充为单个指定的值。

    63830

    jQuery基础

    jQuery冲突问题 使用jQuery时, $ 是访问jQuery的标志,但是如果有其他方法与jQuery中的 $冲突时,可以释放$的使用权 ,还可以自定义一个符号来代替 $使用。...对象 1.什么是jQuery对象 jQuery对象是一个伪数组 2.什么是伪数组 有0-length-1的属性,并且有length属性 jQuery的静态方法 each方法和 map方法 jQuery...中的each方法和 map方法都是用来遍历数组的方法 第一个参数:要遍历的数组 第二个参数:每遍历到一个元素后执行的回调函数 回调函数的参数...中each静态方法和map静态方法的区别 1.each静态方法默认的返回值就是,遍历谁就返回谁 map静态方法默认的返回值是一个空数组 2.each静态方法不支持在回调函数中对遍历的数组进行处理...map静态方法可以在回调函数中通过return对比那里的数组进行处理然后生成一个新的数组返回 ### 其他静态方法 1.$.isWindow():判断传入的对象是否是window

    2.2K20

    前端成神之路-03_jQuery

    事件处理 trigger() 自动触发事件 ​ 有些时候,在某些特定的条件下,我们希望某些事件能够自动触发, 比如轮播图自动播放功能跟点击右侧按钮一致。...事件对象 ​ jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。...中的 event 对象使用,可以借鉴 API 和 DOM 中的 event 。...我们将重点详细讲解,从找到插件所在网页,然后点击下载代码,到插件的使用等,后面的插件使用可参考瀑布流插件的使用。 下载位置 ? 代码演示 ​ 插件的使用三点: 1....// 3.声明一个数组,保存数据。 // 4.先要读取本地存储原来的数据(声明函数 getData()),放到这个数组里面。 // 5.之后把最新从表单获取过来的数据,追加到数组里面。

    3.8K20

    【Java 进阶篇】JQuery 遍历 —— For 循环的奇妙之旅

    在 JQuery 中,for 循环通常用于遍历匹配到的元素集合,执行特定的操作。 理解 JQuery 的选择器 在开始 for 循环的奇妙之旅之前,我们需要先了解 JQuery 的选择器。...JQuery 中的 for 循环 在 JQuery 中,for 循环通常用于遍历匹配到的元素集合。我们通过 JQuery 的选择器选取一组元素,然后使用 for 循环遍历它们,执行特定的操作。...它会将集合中的每个元素传递给一个函数,然后将函数的返回值组成一个新的数组。这个方法在需要对元素进行转换或过滤时非常有用。 让我们看一个使用 map() 方法的例子: 的新值组成的数组插入到页面中,实现了对元素的修改。...主要原因在于,JQuery 对象是类数组对象,而不是真正的数组。因此,直接使用 for 循环时,我们需要注意一些细节,比如使用索引访问元素等。

    1K20

    JavaScript学习参考结构

    italics() 使用斜体显示字符串。 lastIndexOf() 从后向前搜索字符串。 link() 将字符串显示为链接。 localeCompare() 用本地特定的顺序来比较两个字符串。...slice() 提取字符串的片断,并在新的字符串中返回被提取的部分。 small() 使用小字号来显示字符串。 split() 把字符串分割为字符串数组。 strike() 使用删除线来显示字符串。...join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加一个或更多元素,并返回新的长度。...shift() 删除并返回数组的第一个元素 slice() 从某个已有的数组返回选定的元素 sort() 对数组的元素进行排序 splice() 删除元素,并向数组添加新元素。...语法:alert("文本") 确认框 确认框用于使用户可以验证或者接受某些信息。 当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。 如果用户点击确认,那么返回值为 true。

    2.7K20

    JQuery干货篇之选择元素

    元素 JQuery对象的方法 context 选择元素时使用的上下文对象 $("img:odd").context.TagName; each(function()) 在每个选中的元素上运行给定的函数...() 返回一个有jquery对象中包含的htmlEelments数组 var content=$("img:odd").toArray() 这里content返回的htmlElements数组...htmlElement对象 not not方法是filter方法的补充,主要是删除匹配条件的元素,而filter则是保留满足匹配条件的元素,常用的方法有not(selector),not(htmlElement...是jquery对象中的每一个HTMLElelments对象,这里必须要有返回值,不然没有意义 实例: $("div.dcell").map(function(index,elem){ return...jquery对象中的某个或者某些元素是否满足测试条件,其中的形式有is(selector),is(HtmlElement),is(jquery),is(function(index))如果结果集中至少有一个元素匹配指定的条件

    2.3K30

    JavaScript奇淫技巧(一)

    原本多行的if-else语句一行就可以搞定。 此外,该句式支持多层嵌套,从而可以实现复杂的条件判断。 缺点:这种方式将原本多行的if-else浓缩成一行,可读性大大降低,因此在实际开发中要慎用。...冷门方法: 为了避免上述方法的种种弊端,可以使用以下方式来清空数组: array.splice(0,array.length); 本方法借助JS提供的splice函数,删除本数组的所有元素。...由于数组的length属性是一个可读写的值,JS就是通过它来判断当前数组的长度,因此我们完全可以使用它决定当前数组的长度。...DOM对象——>JQuery对象 //现有一个DOM对象: var dom = document.getElementById("id"); //转化成JQuery对象 $(dom) ---- 判断数组中是否存在某对象...JS原生indexOf var array = [obj1, obj2]; array.indexOf(obj1);//若存在返回下标,不存在返回-1 这种方法用的最常用,但某些IE不兼容。

    1.3K60

    30 个小例子帮你快速掌握Pandas

    我们删除了4列,因此列数从14减少到10。 2.读取时选择特定的列 我们只打算读取csv文件中的某些列。读取时,列列表将传递给usecols参数。如果您事先知道列名,则比以后删除更好。...8.删除缺失值 处理缺失值的另一种方法是删除它们。“已退出”列中仍缺少值。以下代码将删除缺少任何值的行。...df.isna().sum().sum() --- 0 9.根据条件选择行 在某些情况下,我们需要适合某些条件的观察值(即行)。例如,下面的代码将选择居住在法国并且已经流失的客户。...method参数指定如何处理具有相同值的行。first表示根据它们在数组(即列)中的顺序对其进行排名。 21.列中唯一值的数量 使用分类变量时,它很方便。我们可能需要检查唯一类别的数量。...在计算元素的时间序列或顺序数组中的变化百分比时很有用。 ? 从第一元素(4)到第二元素(5)的变化为%25,因此第二个值为0.25。

    13.6K10

    全网最新、最全的jQuery核心知识,你真的不想点开看看嘛?

    ,dom2,dom3] 过滤器就是过滤条件,对已经定位到数组中 DOM 对象进行过滤筛选,过滤条件不能独立 出现在 jquery 函数,如果使用只能出现在选择器后方。...对象数组中所有 DOM 对象在浏览器中显示起来 13.2.3 remove函数 $(选择器).remove() : 将jQuery对象数组中所有 DOM 对象及其子对象一并删除 13.2.4 empty...函数 $(选择器).empty() :将jQuery对象数组中所有 DOM 对象的子对象删除,不删除本身这个dom对象 13.2.5 append函数(常用) 为数组中所有 DOM 对象添加子对象 $(...dataType:表示期望从服务端返回的数据格式。当我们使用 $.ajax() 发送请求时,会把 ​ dataType的值发送给服务端。...我们主要用的是 json的值。 jQuery 从 xml, json, text,, html 这些中测试最可能的类型。

    8K10

    MongoDB权威指南学习笔记(1)--基础知识与对文档的增删改查

    键不能含有\0(空字符) .和$具有特殊含义,只能在特定环境下使用 集合 集合就是一组文档,一个集合就相当于关系数据库的一张表 动态模式 集合时动态模式的,就是说集合里面的文档可以时各式各样的。...,指定对文档中的某些字段进行更新。...$pop修改器:从数组的任何一端删除元素 从数组末尾删除一个元素 { "$pop":{ "key":1 } } 从数组头部删除一个元素 { "$pop":{...一个键可以在任意多个条件,但是一个键不能对应多个更新修改器 特定类型的查询 null null不仅会匹配某个键的值为null的文档,而且还会匹配不包含这个键的文档。...文档中的标量(非数组元素)必须与查询条件中的每一条语句相匹配 使用elemMatch要求使用查询条件中的两个语句与一个数组元素进行比较,elemMatch不会匹配非数组元素 db.test.find(

    6.2K10
    领券