一.节点操作:
1.查找节点;2.创建节点;3.插入节点;4.删除节点;5.替换节点;6.复制节点;
1.查找节点之前已经学习过;
2.创建节点元素:
插入到里面:
元素外部插入同辈节点:
删除节点:
替换节点:
replace():
替换节点的第二种写法:replaceAll():和replace一样,只是顺序不同;
复制节点:
克隆:clone():clone()里面写false或者不写,则不能克隆绑定的事件 ; 只有写了true,才能克隆绑定的事件
设置和获取属性:
设置属性:attr();
获取属性:attr(“属性”):
删除属性:removeattr();
在表单元素中,使用prot方法:
有返回true,无返回false;
attr是适用于元素本身上的属性,比如img身上本身就具有width,height;
表单上的默认属性,更推荐使用prop;
prop方法不适用于获取元素自定义的属性,因为会返回undefined;
遍历子元素:(1)
children():只管孩子,不管孙子;
遍历同辈元素:(3)
1.紧邻的下一个元素:next()
2.获取紧邻的上一个元素:prev()
3.获取匹配元素前面和后面的所有同辈元素 sibilings()
遍历前辈元素:(3)
(1).parent():获取元素的父级元素 1个
(2).parents():获取元素的祖先元素 所有祖先元素
(3).closest():可以传参,closest找到对应父级节点就停止了,性能上更优
each遍历方法:
拓展:
通过find()方法找到相对应的元素节点:
dom操作:
width和height是本身jq中的方法:
:offset():返回以像素为单位的letf和top坐标,只对可见元素有效,设置display:none就会i无效;
如果设置了绝对定位,那么会获取绝对定位距离父元素的值left值和top值;
:offseparent():返回最近的已定位的祖先元素