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

JQuery中的Dom操作集合

RT 时至今日,JQuery已经落伍了,已经快要被各种mvvm框架取代(其中著名的莫过于vue,angular,react)。...但是我们很多编码过程中,如果没使用mvvm或者不适应mvvm的人,那么就属JQuery使用的最广泛了。 其中,又数ajax和Dom操作中的append 最为常用。...如果元素后面有元素了,那将后面的元素后移,然后将html代码插入; before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插入; insertAfter将JQuery...封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入; insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移...,然后将JQuery对象插入; empty清空元素内部的html代码,它只是清空内部的html代码,但是标记仍然留在DOM中; remove从DOM中移除整个元素; insertBefore 是今天才想到要用的

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

    【Kotlin】集合操作总结 ( List 集合 | MutableList 集合 | List 集合遍历 | Set 集合 | MutableSet 集合 | Map 集合 | 可变 Map集合 )

    通过解构一次性给多个元素赋值 八、Set 集合 九、可变 Set 集合 十、List 与 Set 之间相互转换 十一、数组类型 十二、Map 集合 十三、获取 Map 值 十四、Map 遍历 十五、可变...Map 集合 一、List 创建与元素获取 ---- Kotlin 中的集合分为两类 , 只读集合 和 可变集合 ; 调用 listOf 函数 , 可以 直接创建 List 集合 ; 通过 [] 下标可以...: Tom 二、安全获取集合元素 ---- 除了使用 [] 下标获取 List 集合元素外 , Kotlin 还提供了 安全获取集合元素的 方法 : getOrElse 和 getOrNull 函数...---- 使用 listOf 函数 创建的 List 集合 是 只读列表集合 ; 使用 mutableListOf 函数 创建的 MutableList 集合 是 可变列表集合 ; 调用 MutableList...#toList 函数 , 可以 将 可变列表集合 转为 只读列表集合 ; 调用 List#toMutableList 函数 , 可以 将 只读列表集合 转为 可变列表集合 ; 代码示例 : fun main

    7.9K20

    jquery jQuery快速入门

    $("div").find("p") 等价于$("div p") 筛选 筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式。...empty()// 删除匹配的元素集合中所有的子节点。 例子: 点击按钮在表格添加一行数据。 点击每一行的删除按钮删除当前行数据。...集合中的元素 - 被称为隐式迭代的过程。...终止each循环 return false; 伏笔... .data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。...$("div").data("k",100);//给所有div标签都保存一个名为k,值为100 .data(key): 描述: 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值—通过 .data

    20.6K51

    jQuery 事件对象、 jQuery 拷贝对象、jQuery 多库共存

    1. jQuery 事件对象 ​ jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。...jQuery 拷贝对象 ​ jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。...jQuery 多库共存 ​ 实际开发中,很多项目连续开发十多年,jQuery版本不断更新,最初的 jQuery 版本无法满足需求,这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现...,这种情况被称为,jQuery 多库共存。...语法 jQuery 解决方案: 1. 把里面的 符号 统一改为 jQuery。 比如 jQuery(''div'') 2.

    3.1K10

    【集合论】集合概念与关系 ( 集合表示 | 数集合 | 集合关系 | 包含 | 相等 | 集合关系性质 )

    文章目录 一、 集合论体系 二、 集合表示 三、 数集合 三、 集合关系 1、 包含关系 2、 相等关系 3、 集合间包含关系性质 一、 集合论体系 ---- 集合论体系 : 朴素集合论 : 包含悖论...; 朴素集合论 中 不能精确定义集合 ; 公理集合论 : 为了消除朴素集合论中的悖论 , 所建立的公理集合论 ; 公理集合论比较严密 , 通过一组公理描述什么是集合 ; 二、 集合表示 ---- 集合表示...: 使用 大写字母 表示集合 , 小写字母 表示集合中的元素 ; 列举法 : 列举出集合中的所有元素 , 元素之间使用逗号分开 , 使用花括号 “{}” 括起来 ; 如 : A = \{0, 1,...: 不重复 : 集合中 不能有重复元素 ; 无顺序 : 集合中的元素是 无序的 ; 集合表示方法转化 : 集合的表示方法可以互相转化 , 描述法 和 列举法 可以互相转化 ; 表示方法转化示例 : 列举法..., 1 , 2 , \cdots \} 整数集合 : Z = \{ 0, \pm 1 , \pm 2 , \cdots \} 有理数集合 : Q 实数集合 : R 复数集合 : C 三、 集合关系

    3.4K00

    jQuery

    目录 jQuery 官网下载与安装 jQuery简介 jQuery 内容 jQuery语法 jQuery对象 对比DOM对象和jQuery对象 对象之间的转换 选择器 基本选择器 组合选择器 属性选择器...) jQuery API 中文文档 | jQuery API 中文在线手册 ) Ajax - jQuery API 中文文档 | jQuery 中文网 (jquery123.com) # 本地版 '''...(input标签) :selected //选择好的(option标签) 筛选器方法 方法 说明 first() 获取匹配的第一个元素 last() 获取匹配的最后一个元素 not() 从匹配元素的集合中删除与指定表达式匹配的元素...直到遇到匹配的那个元素为止 children() 该元素的子元素 siblings() 该元素的兄弟元素 find(‘元素选择器’) 查找该元素的后代元素 filter(‘元素选择器’) 筛选出与指定表达式匹配的元素集合...empty()// 删除匹配的元素集合中所有的子节点。 替换 replaceWith() replaceAll() 克隆 clone()// 参数 案例: <!

    8.8K10

    jQuery Cheat—Sheet(jQuery学习笔记)

    jQuery Cheat—Sheet(jQuery学习笔记) Web前端学习笔记之——jQuery学习笔记 ---- 什么是jQuery?...jQuery 2.0 不再支持IE 6/7/8 了,但是 jQuery 1.9 会继续支持 jQuery可以下载使用,有两个版本的 jQuery 可供下载 jquery-X.X.X.min.js...您可以使用以下方法: 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery 本地jQuery <script...---- #jQuery 效果 隐藏和显示 jQuery hide() 和 show() jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示...#jQuery 获取内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。 ### jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力。

    19.9K30

    Java集合:List集合

    List集合 List集合类中元素有序、且可重复,集合中的每个元素都有其对应的顺序索引。 List容器中的元素都对应一个整数型的序号记载其在容器中的位置,可以根据序号存取容器中的元素。...List集合里添加了一些根据索引来操作集合元素的方法 一、ArrayList ArrayList是List接口的典型实现类,本质上,ArrayList是对象引用的一个变长数组。...Arrays.asList(…)返回值是一个固定长度的 List 集合。...subList(int index, int index) 方法是在给定的ArrayList集合中获取给定下标的子集合。注意范围是[)。 三、Vector Vector 可实现自动增长的对象数组。...在Enumeration中封装了有关枚举数据集合的方法。   方法 hasMoreElement() 来判断集合中是否还有其他元素。 ​

    2.6K20

    jQuery

    1.jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。...,做得多) 1、http://jquery.com/ 官方网站 2、https://code.jquery.com/ 版本下载 2.jquery加载 将获取元素的语句写到页面头部,会因为元素还没有加载而出错...选择器 jquery用法思想一  选择某个网页元素,然后对它进行某种操作 jquery选择器  jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。...循环 对jquery选择的对象集合分别进行操作,需要用到jquery循环操作,此时可以用对象上的each方法: $(function(){ $('.list li').each(function...插件使用  jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js。

    5.5K20
    领券