慕课网

jQuery基础(二)—DOM篇

最热最新

俊臣

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

查看全部

1 采集收起来源：DOM内部插入append()与appendTo()
2017-02-16
风一直在

.closest(),首先从本身开始向上匹配，若匹配到符合要求的第一个，即停止匹配。 .parents（），从元素父级一直向上匹配，找出所有匹配的符合要求元素。

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-02-16
torry2015

$(".left").find("li:last").css("border","1px solid red")

查看全部

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

.wrapAll( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-02-16
清水流

.wrapAll( wrappingElement )：给集合中匹配的元素增加一个外面包裹HTML结构

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-02-16
qq_兮_5

useCapture true - 事件句柄在捕获阶段执行 false- false- 默认。事件句柄在冒泡阶段执行

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-02-16
qq_兮_5

element.addEventListener(event, function, useCapture)

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-02-16
Lubywu

closet 方法可以找到0 个或一个祖先元素，而parents 可以找到0 个或 1 个或多个元素

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-02-16
Airplane

if (index % 2)解释 index取的是li合集的索引号，index%2，%是取余数操作符，index是从0开始，0%2得0证明 if(0)为假，相应li不做操作，1%2得1说明if(1)是真，对应li做以下操作。因为索引下标都是从0开始的，所以第一个为false，第二个才为ture，所以就是现实找偶数的功能。你并不要在意余数为0 时就是假，不管它是不是余数，你要知道，在javascript中0代表false，非0代表true，哥们，javascript基础要补补了。

查看全部

0 采集收起来源：jQuery遍历之each()
2017-02-16
慕粉2258234543

<script type="text/javascript"> var body = document.querySelector('body'); document.addEventListener('click',function(){ //创建2个div元素 var rightdiv = document.createElement('div') var rightaaron = document.createElement("div"); //给2个div设置不同的属性 rightdiv.setAttribute('class', 'right') rightaaron.className = 'aaron' rightaaron.innerHTML = "动态创建DIV元素节点"; //2个div合并成包含关系 rightdiv.appendChild(rightaaron) //绘制到页面body body.appendChild(rightdiv) },false)

查看全部

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

append添加位置问题 append添加位置问题为什么点击add传递html结构多次以后新的P元素总是出现在3个list item之上？你第一次点击的时候取出.div里的三个li并加上新的p添加到div.right里，此时.right里有三个li一个p 第二次点的时候你把三个li取出，此时.right里只剩一个p（暂且取名‘次新p’），你再用三个li加一个新p添加到.right中时是添加到次新p的下面，就造成了你所看到的现像，其实最下面的p和三个li才是新添加的，上面的是以前的

查看全部

0 采集收起来源：jQuery遍历之add()方法
2017-02-16
Airplane

append()和add()的区别 append(）将已经选择好的JQuery对象添加指定的对象中，这相当于是一个操作处理的指令 add() 比如你之前使用$("li")选择了全部的li或者定义li，再使用$("li").add("p")，这里的add只是相当于在你已经选择好的对象合集中再添加一项，如果不加appendTo，对于你的DOM或者是页面不会有任何影响，这就相当于是个选择的功能打个简单的比方，add就相当于你在你的购物车里面又加了一个东西，但是这时候并没有付款，等你appendTo之后，你才相当于付款了。但是append就相当于直接付款了一样

查看全部

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

为什么多次点击第二个按钮，li部分始终始终只有一个，而不会像p元素每点击一次就添加一个 p是被add的，而li只是选取后插入在后面的，如果你换成$("<li>list item 100</li>").appendTo($('.right'))就会每次多出来一个li。append是移动，剪切，并不是复制，p是新创建的，而li在页面内始终只有那3个。

查看全部

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

为什么点击第二个按钮后，原先的div中（绿色的框里）之剩下p元素？因为appendTo()这个方法会把从原来的div中筛选出的元素添加到目标元素中，是一个剪切的操作。$('li').add('p').css('background', 'red')这句的意思是选择所有的li元素，然后添加p元素并设置背景为红色，所以li和p都变成了背景为红色；$('li').add('<p>新的p元素</p>').appendTo($('.right'))这句的意思是选择所有的li元素，然后新建一个p元素加入到li的合集中，然后插入class为right的元素中，所以“剪切”的是原来绿色框中的li。

查看全部

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

这个地方没有很明白处理一：传递选择器 $('li').add('p') 处理二：传递dom元素 $('li').add(document.getElementsByTagName('p')[0]) 处理一不是已经将p元素添加到li的合集后面了吗，处理二的作用是什么处理一的意思可以这样说， eg: $('li').add('p').css('background','#f00'); 在选择li合集上后面的添加了p，上面的代码可以理解为$('li')是一个合集，既是相当于li的数组集合和和p标签都选择了同一样式处理二:document.getElementsByTagName('p')[0]指的是返回带有指定标签名（p）的对象的集合。而【0】指的是下标，找到文档中第一个p标签。处理一:$('li').add('p')中的p是通过标签名来找到p ，这只是通过两种不同的方式找到元素而已。 add('p').css('background', 'red')结构无变化 add是往“这个合集”中添加一新的元素本人理解合集就数组差不多只是添加到变量里没有结构上的转移

查看全部

0 采集收起来源：jQuery遍历之add()方法
2017-02-16

首页上一页 213 214 215 216 217 218 219 下一页尾页

0/150

提交

取消

开始学习

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

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