慕课网

jQuery基础(二)—DOM篇

最热最新

123_ZZ

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

查看全部

0 采集收起来源：DOM外部插入after()与before()
2017-07-30
123_ZZ

//.append(), 内容在方法的后面， //参数是将要插入的内容。 //.appendTo()刚好相反，内容在方法前面， //无论是一个选择器表达式或创建作为标记上的标记 //它都将被插入到目标容器的末尾。

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-07-30
123_ZZ

append:这个操作与对指定的元素执行原生的appendChild方法，将他们添加到文档中的情况类似 appendTo:实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，既不是把B追到A中，而是把A追加到B中 append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-07-30
123_ZZ

创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHtml 加入文本：appendChild

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-07-30
风灵兮

index取的是li合集的索引号，index%2，%是取余数操作符，index是从0开始，0%2得0证明 if(0)为假，相应li不做操作，1%2得1说明if(1)是真，对应li做以下操作。因为索引下标都是从0开始的，所以第一个为false，第二个才为ture，所以就是现实找偶数的功能。

查看全部

1 采集收起来源：jQuery遍历之each()
2017-07-30
风灵兮

$('li').add('<p>新的p元素</p>').appendTo($('.right')) 先筛选li元素集合A（注意这里并没有筛选html文档中原本存在的p标签，后面添加的那个自己重新构建的一个p标签），然后将一个新的，注意是新的，重新构建的，原本html文档中没有的，这样一个<p>新的p元素</p> add到前面的集合A中，此时如果没有appendTo方法，那么这个新构建的p标签是不会显示到html文档中，那么你将看不到这个p标签，这里是用appendto方法，就是将这个集合中的dom对象重新追加到 <div class="right"></div>中，所以你会在这个div中看到从对象集合A加入到html文档的标签。

查看全部

0 采集收起来源：jQuery遍历之add()方法
2018-03-22
风灵兮

为什么第二个按钮从点击第二次开始，那个新加入的p元素会出现在整个class=right的div的顶部，append添加不应该是在底部添加么？因为你第二次起，每次$("li")时把三个li给取出了，div中只剩下p元素，且留在了div的顶部，等你appendTo的时候其实是把三个li和一个新的p元素加在了上次留下的那个p元素的后面，所以给你的错觉好像是加在了顶部。问题中，有人将初始的p定义为原始p作为参考,那么第一次点击按钮时是原始p+三个li+新元素p，之后第二次点击，则把三个li取出，第一次的原始p+新元素p变为第二次的原始p放在了顶部。

查看全部

0 采集收起来源：jQuery遍历之add()方法
2018-03-22
风灵兮

对于类选择器的语法中，就是可以结合元素选择器使用。 ul.level-2 就是匹配类名包含level-2的所有ul标签。（注意区别ul .level-2，这个中间有空格，表示的是ul标签后代中类名为level-2的元素）课程前面学选择器的时候好像没有学到这个，不过w3cschool里有指出。

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-07-30
风灵兮

console.log() 语法：console.log("内容"); 作用：将"内容"输出在控制台中，方便以后的调试，是一个使用频率极高的功能。（控制台在浏览器中按F12，打开开发者模式的第二项（console）即可，并且也可以在console选项卡下即时做测试）在慕课网的学习里一般用alert()来测试脚本，但是该方法有两个非常严重的弊端：在alert()弹窗出现时，后续的脚本是阻塞的。这意味着，如果你需要做一个数值比较大的循环的时候，它不会一瞬间执行完，你必须要点掉弹出窗口后，它再继续执行，这测试效率是相当低的。 alert()会将所有内容隐式转换为字符串型（即toString()），这会输出开发者不可预料的内容，例如使用alert()输出对象型： var a = { myNum:1, myArr:[1,2,3] }; alert(a); 你本希望能得到对象a中的键值对内容，但alert()只会输出[object,Object]。综上所述，一般开发时都使用console.log()方法来调试而非alert()。用例： console.log(parseInt(Math.random()*10)); //和alert一样该方法也可以运算 console.log(a); //前文中的对象a（得到的是键值对内容） for(var i = 0; i < 6; i++){ console.log(i); } //循环5次每次输出i的数值。在控制台会瞬间出现5个数，相比alert()要方便得多

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
慕盖茨5003624

和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-07-28
qq_陈凌星_0

.parent() 找爸爸之前的： .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记） .wrap 每个人加个爸爸 .unwrap 爸爸没了 .wrapAll 所有人加个爸爸 .wrapAll（function）每个人加个爸爸 .wrapInner 加个儿子 .children() 找儿子 .find() 找后代

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2017-07-28
慕娘0364224

通过empty移除了当前div元素下的所有p元素但是本身id=test的div元素没有被删除 $("#test").html(""); $("#test").empty(); 两种方法都是删除了test内部的所有html代码。可以通过给当前这个div加一个边框来证明这一点。

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2018-03-22
qq_星际流云_03320135

append(content) 向每个匹配的元素内部追加内容 appendTo(content) 把所有的元素追加到另一个，指定的元素元素集合中 append()前面是被插入的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容，而后面是被插入的对象

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-07-27
qq_星际流云_03320135

创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-07-27
微风灬唐唐

$()之后就意味着这个合集对象已经是确定的，如果后期需要再往这个合集中添加一新的元素要如何处理？jQuery为此提供add方法，用来创建一个新的jQuery对象，元素添加到匹配的元素集合中 .add()的参数可以几乎接受任何的$()，包括一个jQuery选择器表达式，DOM元素，或HTML片段引用。简单的看一个案例：操作：选择所有的li元素，之后把p元素也加入到li的合集中 <ul> <li>list item 1</li> <li>list item 3</li> </ul> <p>新的p元素</p> 处理一：传递选择器 $('li').add('p') 处理二：传递dom元素 $('li').add(document.getElementsByTagName('p')[0]) 还有一种方式，就是动态创建P标签加入到合集，然后插入到指定的位置，但是这样就改变元素的本身的排列了 $('li').add('<p>新的p元素</p>').appendTo(目标位置)

查看全部

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

首页上一页 125 126 127 128 129 130 131 下一页尾页

0/150

提交

取消

开始学习

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

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