慕课网

jQuery基础(二)—DOM篇

最热最新

慕粉1938543148

代码中var p;是自己设置的变量p，用来保存数据。一开始点击移动p元素，无反应，是因为该按钮是将变量p的数据显示出来,而此时变量p里没有任何数据。点击删除p元素之后，将p元素1，p元素2放入到变量p中,而重新提交后，再次运行代码，页面显示为初始状态，但因为没有刷新，变量p里还保存着p元素1，p元素2。此时再点击移动p元素，将变量p里的数据(也就是p元素1，p元素2)显示到按钮的下方。此时按钮的上下都有文字，点击删除后，将这4行文字都放入到了变量p里，再点击移动自然就将变量p里的4行字都移动了出来。

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2017-07-09
qq_齐步走_1

<script type="text/javascript"> $(".aaron1").on('click', function() { //给所有p元素，增加父容器div $('p').wrap('<div></div>') }) </script> <script type="text/javascript"> $(".aaron2").on('click', function() { $('a').wrap(function() { return '<div class="' + $(this).text() + '" />'; }) alert('<div class="' +$(this).text() +'" />') }) </script>

查看全部

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

与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。 $("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。 detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2018-03-22
慕粉1938543148

.empty()删除子元素和后代元素 .remove()删除包括自身元素及后代，移除绑定事件和jQuery数据销毁事件第一种，对于$('.hello').on("click",fn)，销毁事件则是$('.hello').off("click")，off是on的反义词，很好理解；还有第二种方法，$('.hello').unbind()，这个方法的好处是如果$('.hello')绑定了不止一个事件，可以一次性全部解除事件绑定~ 至于第二个问题，就是字面上的意思啊，remove删除节点并且可以自动消除节点的事件，所以比其他的好用。

查看全部

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

:contains选择器,p元素中带有3的被选中.remove()中可带有参数进行筛选. $("p").filter(":contains('3')").remove() filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。这里就是先找出全部p标签后再找出文本中包含3的移除掉；当有多个button时可以定位到某一个button，$("button:eq(-2)")倒数第二个button，有first、last，eq()来定位元素位置

查看全部

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

$("#test").html("");两种方法都是删除了test内部的所有html代码。

查看全部

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

通过empty移除了当前div元素下的所有p元素但是本身id=test的div元素没有被删除 .empty()删除子元素和后代元素 .remove()删除包括自身元素及后代，移除绑定事件和jQuery数据 $("#test p:first-child").empty() 这样写可以，.empty()不能有参数，remove（）可以有参数

查看全部

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

before后面应该直接放html代码，而不是jquery对象。去掉$()，就可以了。 .before()和.insertBefore()实现同样的功能。主要的区别是语法——内容和目标的位置。对于before()选择表达式在函数前面，内容作为参数，而.insertBefore()刚好相反，内容在方法前面，它将被放在参数里元素的前面(insertBefore不支持多参数) .after()和.insertAfter() 实现同样的功能。主要的不同是语法——特别是（插入）内容和目标的位置。对于after()选择表达式在函数的前面，参数是将要插入的内容。对于 .insertAfter(), 刚好相反，内容在方法前面，它将被放在参数里元素的后面 before、after与insertBefore。insertAfter的除了目标与位置的不同外，后面的不支持多参数处理注意事项： insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，那将后面的元素后移，然后将JQuery对象插入； insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，那将前面的元素前移，然后将JQuery对象插入；

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-07-09
慕粉1938543148

append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中创建元素节点:$("<div></div>") 创建文本节点:$("<div>我是文本节点</div>") 创建属性节点:$("<div id='test' class='aaron'>我是文本节点</div>")

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2018-03-22
慕粉1938543148

内部插入，父子（后代）关系，外部插入就是兄弟（平级）关系。 $("#bt2").on('click', function() { //在匹配test1元素集合中的每个元素后面插入p元 var obj = document.getElementById('bt2'); /* 1 var $obj = $(obj); $(".test2").after($obj) $obj 这个是通过jQuery的$()方法转化而来的jQuery对象 */ /* 2 $(".test2").after(obj) obj 是通过document.getElementById(');方法获得的Dom元素 */ /* 3 $(".test2").after('<p >after,在匹配元素之后增加</p>', '<p >多参数</p>') 这个属于HTML字符串 '<p >after,在匹配元素之后增加</p>', '<p >多参数</p>' */ 总结 2个方法都是都可以接收HTML字符串，DOM 元素，元素数组，或者jQuery对象，用来插入到集合中每个匹配元素的前面或者后面 });

查看全部

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

append()与appendTo()

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-07-08
慕粉1938543148

$body.on就是监听body标签的相当于js中的document.addEventListener

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2017-07-08
慕粉1938543148

appendChild是原生js的用法，一般是在指定元素节点的最后一个子节点之后添加节点，但如果Node是页面中的DOM对象，那么就不是添加节点了，就是直接Move节点。 appendChild你可以理解为移动一个元素。 append()是jQuery的，前面是要选择的对象，后面是要在对象内插入的元素内容。

查看全部

1 采集收起来源：jQuery节点创建与属性的处理
2017-07-08
慕粉1938543148

后面的false是阻止捕获，true对应的是捕获机制， <div onclick="functionb"> <div onclick = "functiona"> 点击先触发哪个事件？ </div> </div> 点击文本两个div事件同时响应，此时先后顺序是: 如果为false 则阻止捕获，先响应functiona,在响应functionb，否则，响应顺序相反。

查看全部

0 采集收起来源：DOM创建节点及节点属性
2018-03-22
慕粉1938543148

使用JavaScript创建div节点元素：创建流程比较简单，大体如下：创建节点(常见的：元素、属性和文本) 添加节点的一些属性加入到文档中流程中涉及的一点方法：创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-07-08

首页上一页 136 137 138 139 140 141 142 下一页尾页

0/150

提交

取消

开始学习

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

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