慕课网

jQuery基础(二)—DOM篇

最热最新

超级无敌可爱的美少女

.wrap 每个人加个爸爸之前的： .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记）

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-09-08
超级无敌可爱的美少女

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-09-08
超级无敌可爱的美少女

<div class="hello"><p>慕课网</p></div> 如果我们通过empty方法移除里面div的所有元素，它只是清空内部的html代码，但是标记仍然留在DOM中 //通过empty处理 $('.hello').empty() //结果：<p>慕课网</p>被移除 <div class="hello"></div> 通过empty移除了当前div元素下的所有p元素但是本身id=test的div元素没有被删除

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-22
超级无敌可爱的美少女

.prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). .prepend()和.prependTo()实现同样的功能，主要的不同是语法，插入的内容和目标的位置不同对于.prepend() 而言，选择器表达式写在方法的前面，作为待插入内容的容器，将要被插入的内容作为方法的参数而.prependTo() 正好相反，将要被插入的内容写在方法的前面，可以是选择器表达式或动态创建的标记，待插入内容的容器作为参数。这里总结下内部操作四个方法的区别： append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-09-08
超级无敌可爱的美少女

<div class="father"> 你可在这里面插入你想插入的，插入的东西在div的内部。这是父子关系，所以叫内部插入 </div> <div class="test"> <p class="brother"></p> 当你插入的时候，你把它插入到p的后面或者前面，这就是兄弟关系，不是插在p里面，所以这就是外部插入 </div> 一句话，内部插入，父子（后代）关系，外部插入就是兄弟（平级）关系。兄弟关系。DOM外部插入after()与before() 父子关系append(),appendTo() $("#bt2").on('click', function() {

查看全部

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

closest()方法接受一个匹配元素的选择器字符串从元素本身开始，在DOM 树上逐级向上级元素匹配，并返回最先匹配的祖先元素

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-09-08
超级无敌可爱的美少女

$('h2').append('我是好人'); $("<span>我是好人</span>").appendTo('h2');（附加到） append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2018-03-22
锦色流年

DOM包裹后的元素，如果一直点击会一直增加把on()改成one()，只执行一次就解绑。 <script type="text/javascript"> $(".aaron1").on('click', function() { //给所有p元素，增加内部包裹父容器div if($('p').html() == "p元素"){ $('p').wrapInner('<div></div>'); }else{ return; } }) </script> 以上代码供参考，可以加一个判断，如果p标签内部是“p元素”，那么久直接返回，不做操作。已经经过证实。按下“F12”，然后在弹出来的窗口中，选择右上角圈住的箭头，然后点击页面上面的内容，可以在弹出来的窗口中查看它的HTML代码和CSS代码。去掉“”双引号就可以了，加了双引号就不是一个jquery对象了。 return “$('.left1').wrapInner('<p></p>')";//法一 return $('.left1').wrapInner('<p></p>');//法一更正

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-03-22
超级无敌可爱的美少女

jQuery节点创建与属性的处理创建元素节点：$("<div></div>") 创建为本节点：$("<div>我是文本节点</div>") 创建为属性节点:$("<div id='test' class='aaron'>我是文本节点</div>")/$("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")

查看全部

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

jQuery是一个合集对象，所以通过parent是匹配合集中所有元素的祖辈元素

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2017-09-08
halu7777

find是后代关系（包含父子关系）

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-09-08
halu7777

因为是父元素，这个方法只会向上查找一级

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2017-09-08
锦色流年

.wrapAll( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象通过回调的方式可以单独处理每一个元素 $(".aaron2").on('click', function() { //wrapAll接受一个回调函数 //每一次遍历this都指向了合集中每一个a元素 $('a').wrapAll(function() { return '<div></div>' }) }) 使用函数回调是每次遍历a元素时就用div包裹一次 wrapAll(funciton(){return ''})与wrap是一差不多专门试验 F12 Console调看。 $('p').wrapAll('<div></div>'); $('a').wrapAll(function() { return '<div></div>' }) 同一方法的不同用法，就跟民政局可以结婚也可以离婚似的。上面那个方法就是强制将所有P标签包在一个div中，一个div中,同一个div中，下面那个每个A标签都是独立包在各自的div中。

查看全部

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

unwarp（）不接受任何参数 $('p').unwrap('<div></div>')是错的。 unwrap 爸爸没了之前的： .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记） .wrap 每个人加个爸爸

查看全部

1 采集收起来源：DOM包裹unwrap()方法
2018-03-22
锦色流年

原本的div和wrap的div设的样式不一样的，设的样式 .right div { background: yellow; }，意思是设置样式名为right的div元素下面的div子元素的背景颜色为yellow，原本的div样式名就为right，而wrap的div就是原本div的子元素。你看过子元素选择器的话应该会一清二楚的了。 .wrap( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象使用后的效果与直接传递参数是一样，只不过可以把代码写在函数体内部，写法不同而已以第一个案例为例： $('p').wrap(function() { return '<div></div>'; //与第一种类似，只是写法不一样 }) return '<div class="' + $(this).text() + '" />'; 分为'<div class="'、$(this).text()和‘“/>’三部分。＋号就是把三部分连接起来。缩写也可以1.$('p').wrap('<div>')。。 2.$('p').wrap('<div/>')。。 3.$('p').wrap('<div></div>')。。以上三种写法都可以。 $(this).text()就是指a元素。这句话的意思就是‘<div class="a元素"/>’ 因为添加了一个父类div，其中父类div的类名是“a元素”<div class="a元素">；在开始的css定义中，.left和.right 的子div里背景色都是绿色#bbffaa；所以它背景变绿了

查看全部

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

首页上一页 113 114 115 116 117 118 119 下一页尾页

0/150

提交

取消

开始学习

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

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