慕课网

jQuery基础(二)—DOM篇

最热最新

慕函数5348729

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-11-06
慕函数5348729

remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合，可以选择性的删除指定的节点我们可以通过$()选择一组相同的元素，然后通过remove（）传递筛选的规则，从而这样处理

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2017-11-06
慕函数5348729

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

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-11-06
慕函数5348729

.append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-11-06
慕侠4364581

add()是加入一个集合，而不是创建html元素，要通过 append() 等方法来加入到html中

查看全部

0 采集收起来源：jQuery遍历之add()方法
2017-11-05
慕侠4364581

1 .parents()和.parent()方法是相似的，但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2018-03-22
慕侠4364581

其实也类似find与children的区别，parent只会查找一级，parents则会往上一直查到查找到祖先节点

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2017-11-05
慕侠4364581

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

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-11-05
慕UI3524263

$('li').add('<p>新的p元素是</p>').appendTo($('.right')) 两个事件从左往右执行(因为没有括号改变顺序) 1) add新元素<p>到<li>的合集 2) 将改变后的<li>的合集追加到$('div.right') 给.right加个样式就可以很明显的看出来至于button1会改变<li>元素的背景,是因为,css(background, red)本身的对象就是<li>元素而不是<p>元素,如果加个括号括起来$('li').add('p'.css('background', 'red')),估计只改变<p元素>. 加入<li>元素合集后<p>元素依然是<p>元素还是变为<li><p></p></li>嵌套元素不清楚,需要再改变<li>元素和<p>元素的样式输出看一下

查看全部

0 采集收起来源：jQuery遍历之add()方法
2018-03-22
晒渔网

jQueryObject.prependTo(selector) 其中selector:可以是String/Element/jQuery类型；如果参数selector为字符串类型，则将其视作jQuery选择器或html内容字符串，jQuery会自行判断。这里prependTo('.aaron2')中selector为字符串类型，jQuery会默认为jQuery选择器，会自行查找$('.aaron2')，所有和prependTo($('.aaron2'))效果一样

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-11-03
晒渔网

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

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-11-03
晒渔网

百度静态资源公共库：http://libs.baidu.com/jquery/1.9.1/jquery.js

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-11-03
晒渔网

$body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) }) on表示将事件绑定在body上，第一个参数click表示点击事件绑定到body对象，第二个表示冒泡到button则触发，第三个是触发的函数 on表示动作，估计下JQuery(三)里面有，click为某一具体动作，后面得function就是相应。也有单独拿出来的响应，直接添加函数就行 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> $body.on就是监听body标签的相当于js中的document.addEventListener appendChild与append的区别前者是js 中dom对象的方法，后者是jq中jq对象的方法，作用是一样的，后者是前者的封装 appendChild是原生js的用法，一般是在指定元素节点的最后一个子节点之后添加节点，但如果Node是页面中的DOM对象，那么就不是添加节点了，就是直接Move节点。 appendChild你可以理解为移动一个元素。 append()是jQuery的，前面是要选择的对象，后面是要在对象内插入的元素内容。

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
阵容好赢一半

append()是受，appendTo()是攻，都是内部下面插入。prepend()是受，prependTo()是攻，都是内部上面插入。 before()和after()是外部插入，一个从前面插，一个从后面插。

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-11-02
qq_黑妮

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <style> .left, .right { width: 300px; height: 120px; } .left div, .right div { width: 100px; height: 90px; padding: 5px; margin: 5px; float: left; border: 1px solid #ccc; } .left div { background: #bbffaa; } .right div { background: yellow; } </style> </head> <body> <h2>动态创建元素节点</h2> <button>点击通过jQuery动态创建元素节点</button> <script type="text/javascript"> var $body = $('body'); $body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) }) </script> </body> </html>

查看全部

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

首页上一页 99 100 101 102 103 104 105 下一页尾页

0/150

提交

取消

开始学习

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

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