慕课网

jQuery基础(二)—DOM篇

最热最新

MaxTan

children()不带参数，就是带表所有节点 children(：last)带参数,参数可以为选择器的表达式指最后一个子节点

查看全部

0 采集收起来源：jQuery遍历之children()方法
2016-08-23
MaxTan

wrapAll()方法给所有p元素增加父容器div wrapAll()的回调函数给每个p元素增加父容器div

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2016-08-23
MaxTan

wrap（）将其他元素包裹起来，增加一个父元素

查看全部

0 采集收起来源：DOM包裹wrap()方法
2016-08-23
MaxTan

$("div").clone() //只克隆了结构，事件丢失 $("div").clone(true) //结构、事件与数据都克隆 $(this).clone().css('color','red') 增加一个颜色

查看全部

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

empty和remove区别 empty方法严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法该节点与该节点所包含的所有后代节点将同时被删除提供传递一个筛选的表达式，用来指定删除选中合集中的元素

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2016-08-23
MaxTan

通过remove方法移除div及其内部所有元素，remove内部会自动操作事件销毁方法,从而防止内存泄露 $("button:last").on('click', function() { //找到所有p元素中，包含了3的元素 //这个也是一个过滤器的处理 $("p").remove(":contains('3')") }) $("button:first").on('click', function() { //删除整个 class=test1的div节点 $(".test1").remove() })

查看全部

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

empty方法移除里面div的所有元素，它只是清空内部的html代码，但是标记仍然留在DOM中

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2016-08-23
qq_信仰圣光吧_0

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

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-08-23
MaxTan

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

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2016-08-23
MaxTan

after向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入 before向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插入

查看全部

0 采集收起来源：DOM外部插入after()与before()
2016-08-23
MaxTan

append()前面是要选择的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是要选择的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2016-08-23
MaxTan

var $body = $('body');//转换成jQuery对象 $body.on('click', function() { //通过jQuery注册点击事件 //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div)//添加节点 })

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
阿衰丶

jQuery是一个合集对象，如果想快速查找合集里面的第一级子元素，此时可以用children()方法。这里需要注意：.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系）理解节点查找关系： <div class="div"> <ul class="son"> <li class="grandson">1</li> </ul> </div> 代码如果是$("div").find()，那么意味着只能找到ul，因为div与ul是父子关系，li与div是祖辈关系，因此无法找到。 children()无参数允许我们通过在DOM树中对这些元素的直接子元素进行搜索，并且构造一个新的匹配元素的jQuery对象注意：jQuery是一个合集对象，所以通过children是匹配合集中每一给元素的第一级子元素 .children()方法选择性地接受同一类型选择器表达式 $("div").children(".selected") 同样的也是因为jQuery是合集对象，可能需要对这个合集对象进行一定的筛选，找出目标元素，所以允许传一个选择器的表达式

查看全部

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

DOM包裹wrapInner()方法如果要将合集中的元素内部所有的子元素用其他元素包裹起来，并当作指定元素的子元素，针对这样的处理，JQuery提供了一个wrapInner方法 .wrapInner( wrappingElement )：给集合中匹配的元素的内部，增加包裹的HTML结构 .wrapInner( function ) ：允许我们用一个callback函数做参数，每次遇到匹配元素时，该函数被执行，返回一个DOM元素，jQuery对象，或者HTML片段，用来包住匹配元素的内容

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2016-08-23
阿衰丶

.wrapAll( wrappingElement )：给集合中匹配的所有元素增加一个外面包裹HTML结构 .wrapAll( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2016-08-23

首页上一页 337 338 339 340 341 342 343 下一页尾页

0/150

提交

取消

开始学习

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

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