慕课网

jQuery基础(二)—DOM篇

最热最新

dshu4354371

find()相当于空格 children相当于>

查看全部

0 采集收起来源：jQuery遍历之find()方法
2018-03-22
神爱爱丽丝

（一）：传递选择器 $('li').add('p') 例如：$("li").add("p").css({"background":"red","border":"1px solid blue","width":"150px","height":"20px","border-radius":"4px","color":"yellow"}); （1）正确的写法，传递选择器 add里面是元素选择器时，意思是选择器和add的这一类标签的css会发生什么样的变化。例如$("p").add("li").css("color","pink");选择所有的p标签和li便签设置字体颜色粉色。（二）：传递dom元素 $('li').add(document.getElementsByTagName('p')[0])上面的第一种情况，同样可以表示为js dom节点的获取举例：$("li").add(document.getElementsByTagName('p')[0]).css("color","pink");（意思是获取了第一个p标签节点（无论这个p在选择器的前面还是后面），与前面的li便签的节点一起加了粉色的字体）（三）add()将元素追加到匹配元素集合中还有一种方式，就是动态创建P标签加入到合集，然后插入到指定的位置，但是这样就改变元素的本身的排列了 $('li').add('<p>新的p元素</p>').appendTo(已经存在的目标位置是一个选择器) 如果是以下情况也是可以的 $('').add('<p id="now" >新的第二个p元素</p>').appendTo($('body'))});

查看全部

0 采集收起来源：jQuery遍历之add()方法
2018-03-22
baby执着于梦想

ach是一个for循环的包装迭代器 each通过回调的方式处理，并且会有2个固定的实参，索引与元素 each回调方法中的this指向当前迭代的dom元素

查看全部

0 采集收起来源：jQuery遍历之each()
2017-01-02
baby执着于梦想

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

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-01-02
baby执着于梦想

closest()方法给定的jQuery集合或元素来过滤元素同样的也是因为jQuery是合集对象，可能需要对这个合集对象进行一定的筛选，找出目标元素，所以允许传一个jQuery的对象注意事项：在使用的时候需要特别注意下粗看.parents()和.closest()是有点相似的，都是往上遍历祖辈元素，但是两者还是有区别的，否则就没有存在的意义了起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

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

起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

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

$("div").clone() //只克隆了结构，事件丢失 $("div").clone(true) //结构、事件与数据都克隆

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
baby执着于梦想

wrap()穿外套，wrapInner()穿内衣 unwrap() 脱衣服

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2017-01-02
baby执着于梦想

1、$('p').wrap('<div></div>'); 等价于 $('p').wrapAll(function(){return "<div></div>"}); 效果 <p></p><p></p> 执行后 <div><p></p></div> <div><p></p></div> 2、$("p").warpAll 效果 <p></p><p></p> 执行后 <div> <p></p> <p></p> </div>

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
baby执着于梦想

<div></div> 脱一次 <div>| <div/>可以脱完

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-03-22
baby执着于梦想

<div> 可以脱多次 <div/>脱离的最近的一层

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-03-22
baby执着于梦想

.remove() 自杀 .empty() 自攻 .unwarp() 脱衣

查看全部

1 采集收起来源：DOM包裹unwrap()方法
2017-01-01
baby执着于梦想

$(this).text()=‘a元素’

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-01-01
baby执着于梦想

.detach()第一次执行，会记录事件和数据，第二次执行会丢失事件和数据，不能重复执行，在此之前要做去重操作，防止重复点

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2017-01-01
qq_暮鼓晨钟_0

siblings()：同级所有的元素，不包含自己

查看全部

0 采集收起来源：jQuery遍历之siblings()
2017-01-01

首页上一页 241 242 243 244 245 246 247 下一页尾页

0/150

提交

取消

开始学习

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

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