摘要:本节说一下DOM操作模块里的替换元素模块,该模块可将当前匹配的元素替换指定的DOM元素,有两个方法,如下: replaceWith(value) ;使用提供的新内容来替换匹配元素集合中的每个元素。value是新内容,可以是html字符串、DOM元素、jQuery对象或返回新内容的函数。 replac 阅读全文
posted @ 2019-11-13 08:11 大沙漠 阅读 (22) 评论 (0) 编辑
摘要:本节说一下DOM操作模块里的复制元素子模块,该模块可以复制一个DOM节点,并且可选择的设置是否复制其数据缓存对象(包含事件信息)和是否深度复制(子孙节点等),API如下: $.clone(elem, dataAndEvents, deepDataAndEvents) ;jQuery底层方法,返回DO 阅读全文
posted @ 2019-11-11 09:28 大沙漠 阅读 (60) 评论 (0) 编辑
摘要:本节说一下DOM操作模块里的删除元素模块,该模块用于删除DOM里的某个节点,也可以理解为将该节点从DOM树中卸载掉,如果该节点有绑定事件,我们可以选择保留或删除这些事件,删除元素的接口有如下三个: empty() ;移除匹配元素的所有子元素。 ;先移除所有后代元素关联的数据和事件,以避免内存泄漏。然 阅读全文
posted @ 2019-11-08 07:58 大沙漠 阅读 (44) 评论 (0) 编辑
摘要:jQuery的DOM操作模块封装了DOM模型的insertBefore()、appendChild()、removeChild()、cloneNode()、replaceChild()等原生方法。分为5个子模块来实现:插入元素、删除元素、复制元素、替换元素和包裹元素,本节讲解第一个子模块:插入元素 阅读全文
posted @ 2019-11-06 10:28 大沙漠 阅读 (54) 评论 (0) 编辑
摘要:jQuery的DOM遍历模块对DOM模型的原生属性parentNode、childNodes、firstChild、lastChild、previousSibling、nextSibling进行了封装和扩展,用于在DOM树中遍历父元素、子元素和兄弟元素。 可以通过jQuery的实例来访问,方法如下: 阅读全文
posted @ 2019-11-04 08:20 大沙漠 阅读 (67) 评论 (0) 编辑
摘要:ready事件是当DOM文档树加载完成后执行一个函数(不包含图片,css等),因此它的触发要早于load事件。用法: $(document).ready(fun) ;fun是一个函数,这样当DOM树加载完毕后就会执行该匿名函数了 ready有一个简写,可以直接传入$(fun)即可,这是因为在jQue 阅读全文
posted @ 2019-11-01 06:20 大沙漠 阅读 (51) 评论 (0) 编辑
摘要:实例方法和便捷方法是指jQuery可以直接通过链接操作的方法,是通过调用$.event上的方法(上一节介绍的底层方法)来实现的,常用的如下: on(types,selector,data,fn,one) ;为匹配元素集合中的每个元素绑定一个或多个类型的事件监听函数 types ;事件类型字符串,多个 阅读全文
posted @ 2019-10-30 07:33 大沙漠 阅读 (54) 评论 (0) 编辑
摘要:jQuery事件系统并没有将事件监听函数直接绑定到DOM元素上,而是基于数据缓存模块来管理监听函数的,事件模块代码有点多,我把它分为了三个部分:分底层方法、实例方法和便捷方法、ready事件来讲,好理解一点。 jQuery的事件分为普通事件和代理事件: 普通事件 ;当我们再div上定义一个click 阅读全文
posted @ 2019-10-28 07:33 大沙漠 阅读 (36) 评论 (0) 编辑
摘要:jQuery的属性操作模块总共有4个部分,本篇说一下最后一个部分:val值的操作,也是属性操作里最简单的吧,只有一个API,如下: val(vlaue) ;获取匹配元素集合中第一个元素的当前值,或者设置匹配元素集合中每个元素的值,有三种用法: 就是修改DOM元素的value属性,常用于 设置/获取 阅读全文
posted @ 2019-10-25 08:01 大沙漠 阅读 (38) 评论 (0) 编辑
摘要:jQuery的属性操作模块总共有4个部分,本篇说一下第3个部分:类样式操作部分,用于修改DOM元素的class特性的,对于类样式操作来说,jQuery并没有定义静态方法,而只定义了实例方法,如下: addClass(value) ;为匹配元素集合中的每个元素添加一个或多个类样式,通过修改DOM属性c 阅读全文
posted @ 2019-10-23 07:30 大沙漠 阅读 (45) 评论 (0) 编辑