慕课网

jQuery基础(二)—DOM篇

最热最新

xiaobin90

jQuery遍历之parent()方法因为是父元素，这个方法只会向上查找一级 $(ul).parent()//返回一个集合 $('.item-a').parent(':last')//找到所有class=item-a的父元素//然后给每个ul,然后筛选出最后一个

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2017-01-17
xiaobin90

.find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-01-17
xiaobin90

jQuery遍历之children()方法 $("div").children()//div下的第一级子元素 $("div").children(".selected")//可输入筛选

查看全部

0 采集收起来源：jQuery遍历之children()方法
2018-03-22
xiaobin90

DOM包裹wrapInner()方法 1..wrapInner(wrappingElement):给匹配的元素内部增加一个包裹 <div>p元素</div> $('div').wrapInner('<p></p>') 运行结果： <div><p>p元素</p></div> wrapInner(function)同上

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-03-22
xiaobin90

DOM包裹wrapAll()方法 1.给集合中的元素，一起增加一个父元素 .wrapAll(wrappingElement) <p></p><p></p> $('p').wrapAll('<div></div>') p元素将整体增加一个父元素 2..wrapAll(function):单独处理每一个单独的元素==wrap(); <p></p><p></p> $('p').wrapAll(function{ return '<div></div>';}) 给每一个P元素增加一个父元素

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
xiaobin90

DOM包裹unwrap()方法作用与wrap方法是相反的。将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-01-17
xiaobin90

DOM包裹wrap()方法 // 三种写法给p标签增加父元素 // $('p').wrap('<div/>') // $('p').wrap('<div>') // $('p').wrap('div')将你文档中的第一个div元素（也就是那个.left）作为包裹元素，将本元素添加到最后一行。

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
xiaobin90

DOM替换replaceWith()和replaceAll() 1).replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别 2).replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 3).replaceWith()方法，和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用 4).replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点 $(".right > div:first p:eq(1)").replaceWith('<a >replaceWith替换第二段的内容</a>')

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2018-03-22
xiaobin90

DOM拷贝clone() $("div").clone() //只克隆了结构，事件丢失 $("div").clone(true) //结构、事件与数据都克隆

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
xiaobin90

detach：移除节点 DOM节点删除之detach() 移除的处理与remove一致与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来例如：$("p").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2018-03-22
xiaobin90

DOM节点删除之remove() remove会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。 $("p").filter(":contains('3')").remove() == $("p").remove(":contains('3')")//传入筛选规则

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-03-22
xiaobin90

DOM节点删除之empty() $("#test").empty()//通过empty移除了当前div元素下的所有元素及内容//但是本身没有被删除

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-22
xiaobin90

before、after与insertBefore。insertAfter的除了目标与位置的不同外，后面的不支持多参数处理.

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-01-17
xiaobin90

内部操作四个方法的区别： append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-01-17
xiaobin90

DOM外部插入after()与before() //在匹配test1元素集合中的每个元素前面插入p元素 $(".test1").before('<p >before,在匹配元素之前增加</p>', '<p >多参数</p>') //在匹配test1元素集合中的每个元素后面插入p元素 $(".test2").after('<p >after,在匹配元素之后增加</p>', '<p >多参数</p>')

查看全部

0 采集收起来源：DOM外部插入after()与before()
2018-03-22

首页上一页 227 228 229 230 231 232 233 下一页尾页

0/150

提交

取消

开始学习

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

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