-
创建流程比较简单,大体如下:
创建节点(常见的:元素、属性和文本)
添加节点的一些属性
加入到文档中
流程中涉及的一点方法:
创建元素:document.createElement
设置属性:setAttribute
添加文本:innerHTML
加入文档:appendChild
查看全部 -
当集合中的元素位置不一样,使用wrapAll时,会将所有的集合元素包裹在一起,放在参数中的html结构中。
然后把这个html结构放在集合元素的第一个所在的位置
查看全部 -
empty不能带参数,但可以如此筛选:
$("p").filter(":contains('3')").empty();
查看全部 -
内部插入 插入在最后:
插入对象+append()+插入内容;内容+appendTo()+对象
插入在最前面:
对象+prepend()+内容;内容+prependTo()+对象
外部插入:
before() insertBefore()
after() insertAfter()
删除:
empty() 删除内容 不包括本身
remover() 删除一切 包括本身和绑定的事件
detach() 临时删除 后序可调用
拷贝:
clone() clone(true)包括绑定事件
替换:
对象+replaceWith()+内容;内容+replaceAll()+对象
对单个DOM元素增加父元素:
wrap() 把每个元素分别包装在各自父元素
删除父元素:
unwrap() 只删除父元素不包括本身
多个元素增加父元素:
wrapAll() 把所有元素包装在一个父元素
将合集中的元素内部所有子元素用其他元素包裹起来:
wrapInner()
遍历:
children() 父子关系查找 只查找第一级的子节点
find() 后代关系查找 包括子节点的所有后代节点
parent() 查找父节点 只查找一级
parents() 往上一直查找到祖先节点 开始于父元素 一直查找 并将匹配的元素加入集合
closest() 往上查找 开始于当前元素 直到找到一个匹配就停止
next() 查找紧邻在元素后面的兄弟同辈元素
prev() 查找紧邻在元素前面的兄弟同辈元素
siblings() 查找每一个紧邻的同辈元素
add() 添加元素到匹配的元素集合中
each() for循环
查看全部 -
注意:jQuery是一个合集对象,所以通过parent是匹配合集中所有元素的祖辈元素
查看全部 -
通过remove方法移除div及其内部所有元素,remove内部会自动操作事件销毁方法,所以使用使用起来非常简单
查看全部 -
前端开发者一定要注意,绑了多少事件,不用的时候一定要记得销毁
查看全部 -
$("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")查看全部 -
此处的index%2 为对二取模 基数标为1 偶数标为0
查看全部 -
可以理解为先找到所有的.item-2的元素,然后siblings筛选出左后一添加颜色
查看全部 -
后面同辈的元素
查看全部 -
wrap() 跟 wrapAll()的区别
wrap是阻隔包裹 wrapAll是一次性包裹
查看全部 -
$('p').unwrap( ); 删除目标对象的父辈元素
查看全部 -
clone(true) 深拷贝 可以拷贝对象
查看全部 -
detach() 对象不会从内存中删除,只是显示效果没有了。因此之后可以通过append或其他方法重新显示
查看全部
举报