慕课网

jQuery基础(二)—DOM篇

最热最新

慕娘0364224

1- $body.on()事件此方法可以在匹配元素上绑定一个或者多个事件处理函数。使用off()方法可以删除on()方法绑定的事件。语法结构一: $(selector).on(events,[selector],[data],fn) 2- appendChild() 方法向节点添加最后一个子节点。语法：node.appendChild(node) 注意语法，不能用jquery 3- 代码里的jquery包没用 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
微风灬唐唐

jQuery是一个合集对象，如果想快速查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合，此时可以用next()方法

查看全部

0 采集收起来源：jQuery遍历之next()方法
2017-07-26
微风灬唐唐

jQuery是一个合集对象，如果想快速查找合集里面的每一个元素的所有祖辈元素，此时可以用parents()方法其实也类似find与children的区别，parent只会查找一级，parents则会往上一直查到查找到祖先节点

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2017-07-26
微风灬唐唐

jQuery是一个合集对象，如果想快速查找合集里面的每一个元素的父元素（这里可以理解为就是父亲-儿子的关系），此时可以用parent()方法因为是父元素，这个方法只会向上查找一级

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2017-07-26
微风灬唐唐

find是遍历当前元素集合中每个元素的后代。只要符合，不管是儿子辈，孙子辈都可以。与其他的树遍历方法不同，选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回，可以传递通配选择器 '*'。 find只在后代中遍历，不包括自己。选择器 context 是由 .find() 方法实现的；因此，$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。注意重点： .find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-07-26
微风灬唐唐

这里要注意 children与find方法的区别，children是父子关系查找，find是后代关系（包含父子关系）

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-07-26
微风灬唐唐

：.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系）

查看全部

0 采集收起来源：jQuery遍历之children()方法
2017-07-26
微风灬唐唐

如果要将合集中的元素内部所有的子元素用其他元素包裹起来，并当作指定元素的子元素，针对这样的处理，JQuery提供了一个wrapInner方法 .wrapInner( wrappingElement )：给集合中匹配的元素的内部，增加包裹的HTML结构

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2017-07-26
微风灬唐唐

wrap是针对单个dom元素处理，如果要将集合中的元素用其他元素包裹起来，也就是给他们增加一个父元素，针对这样的处理，JQuery提供了一个wrapAll方法

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-07-26
微风灬唐唐

我们可以通过wrap方法给选中元素增加一个包裹的父元素。相反，如果删除选中元素的父元素要如何处理 ? jQuery提供了一个unwrap()方法，作用与wrap方法是相反的。将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-07-26
微风灬唐唐

.wrap()函数可以接受任何字符串或对象，可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套了好几层深，但应该只包含一个核心的元素。每个匹配的元素都会被这种结构包裹。该方法返回原始的元素集，以便之后使用链式方法。

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-07-26
微风灬唐唐

.replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法，和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用 .replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-07-26
慕娘0364224

var body = document.querySelector('body'); document.addEventListener('click',function(){}); var rightdiv = document.createElement('div') 2种属性的设置方法 rightdiv.setAttribute('class', 'right') rightaaron.className = 'aaron' //2个div合并成包含关系 rightdiv.appendChild(rightaaron)

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-07-26
微风灬唐唐

jQuery提供一个clone方法，专门用于处理dom的克隆 .clone()方法深度复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，这样不仅仅只是克隆单纯的节点结构，还要把附带的事件与数据给一并克隆了元素数据（data）内对象和数组不会被复制，将继续被克隆元素和原始元素共享。深复制的所有数据，需要手动复制每一个

查看全部

0 采集收起来源：DOM拷贝clone()
2017-07-26
微风灬唐唐

detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2017-07-26

首页上一页 126 127 128 129 130 131 132 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的语法 2、jQuery节点操作