慕课网

jQuery基础(二)—DOM篇

最热最新

ChenBugBug

节点创建与属性的处理 $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") 保留HTML的结构书写方式，非常的简单、方便和灵活

查看全部

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

创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild 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)

查看全部

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

寻找后代关系： 1.寻找当前元素的每个元素的后代：find

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-01-10
ChenBugBug

//2个div合并成包含关系 rightdiv.appendChild(rightaaron)

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-01-10
qq_明明_10

寻找节点 1.chlidren():没有参数的时候，则返回匹配集中每一级元素的第一级子元素； 2.$("div").children(".selected")； 2.

查看全部

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

增加子元素的方法 1..wrapInner(wrappingElement):给匹配的元素内部增加一个包裹 <div>p元素</div> $('div').wrapInner(wrappingElement('<p></p>') 运行结果： <div><p>p元素</p></div> 2.wrapInner(function):每次遇到匹配元素的时候，函数会被执行 <div></div> $('div').wrapInner(function(){ return '<p>p元素</p>'}). 运行结果 <div><p>P元素</p></div>

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-03-22
qq_明明_10

wrapAll() 1.给集合中的元素，一起增加一个爹 .wrapAll(wrappingElement) <p></p><p></p> $('p').wrapAll('<div></div>') p元素将整体增加一个父元素 2..wrapAll(function):单独处理每一个单独的元素 <p></p><p></p> $('p').wrapAll(function{ return '<div></div>';}) 给每一个P元素增加一个父元素

查看全部

2 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
qq_明明_10

删除父元素的方法: 1.需要保留父元素中的内部元素， $('p').unwarp(); 找到P元素，然后调用unwarp方法，只会删除父元素，保留内部元素。

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-01-10
qq_明明_10

增加父元素的方法： 1.wrap(wrappingElement):在集合中匹配的每一个元素周围包裹一个HTML结构； $('p').wrap('<div></div') 给p元素增加一个div包裹 2.wrap(function):一个回调函数，返回用于包裹匹配元素的HTML内容。 $('p').wrap(function(){ return'<div></div>';})

查看全部

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

detach() 隐身之前的： .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .empty 身体被掏空 .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .empty()身体被掏空 .remove 自杀

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2017-01-09
慕粉1451179769

实现了计价牌中"二维码"、"文本"、"线条"、"图片"、条形码"的排版,主要功能有在设定的区域内实现拖拽、缩放和删除,其中"文本"比其他多了输入,字体大小的和样式的选择等功能.这周计划优化界面,提高用户体验,实现图片上传时的预览,利用休息时间学习新知识.

查看全部

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

jQuery---jQuery遍历之each():！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ .each() 方法就是一个for循环的迭代器，它会迭代jQuery对象合集中的每一个DOM元素。每次回调函数执行时，会传递当前循环次数作为参数(从0开始计数). 1. each是一个for循环的包装迭代器； 2. each通过回调的方式处理，并且会有2个固定的实参，索引与元素； 3. each回调方法中的this指向当前迭代的dom元素。

查看全部

0 采集收起来源：jQuery遍历之each()
2017-01-08
慕瓜4404587

jQUery---jQuery遍历之add()方法:?????????????????????????????????????????????????? 用来创建一个新的jQuery对象，元素添加到匹配的元素集合中

查看全部

0 采集收起来源：jQuery遍历之add()方法
2017-01-08
慕瓜4404587

jQurey---jQuery遍历之siblings(): siblings()无参数:匹配合集中每一个元素的所有同辈元素。 siblings()方法选择性地接受同一类型选择器表达式，如： $('.item-2').siblings(':last').css('border', '2px solid blue')；

查看全部

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

jQuery---jQuery遍历之prev()方法: prev()无参数: 匹配合集中每一个元素的上一个兄弟元素. prev()方法选择性地接受同一类型选择器表达式

查看全部

0 采集收起来源：jQuery遍历之prev()方法
2017-01-08

首页上一页 233 234 235 236 237 238 239 下一页尾页

0/150

提交

取消

开始学习

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

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