JQery-节点操作

一.节点操作:

1.查找节点;2.创建节点;3.插入节点;4.删除节点;5.替换节点;6.复制节点;

1.查找节点之前已经学习过;

2.创建节点元素:

插入到里面:

插入到里面

元素外部插入同辈节点:

元素外部插入同辈节点:

删除节点:

替换节点:

replace():

replace()

替换节点的第二种写法:replaceAll():和replace一样,只是顺序不同;

replaceAll()

复制节点:

克隆:clone():clone()里面写false或者不写,则不能克隆绑定的事件 ; 只有写了true,才能克隆绑定的事件

设置和获取属性:

设置属性:attr();

设置属性:attr()

获取属性:attr(“属性”):

获取属性:attr(“属性”)

删除属性:removeattr();

在表单元素中,使用prot方法:

有返回true,无返回false;

attr是适用于元素本身上的属性,比如img身上本身就具有width,height;

表单上的默认属性,更推荐使用prop;

prop方法不适用于获取元素自定义的属性,因为会返回undefined;

在表单元素中,使用prot方法:

遍历子元素:(1)

children():只管孩子,不管孙子;

children():只管孩子,不管孙子;

遍历同辈元素:(3)

1.紧邻的下一个元素:next()

next()

2.获取紧邻的上一个元素:prev()

prev()

3.获取匹配元素前面和后面的所有同辈元素 sibilings()

 sibilings()

遍历前辈元素:(3)

(1).parent():获取元素的父级元素 1个

(2).parents():获取元素的祖先元素 所有祖先元素

(3).closest():可以传参,closest找到对应父级节点就停止了,性能上更优

遍历前辈元素:(3)

each遍历方法:

each遍历方法:

拓展:

通过find()方法找到相对应的元素节点:

通过find()方法找到相对应的元素节点:

dom操作:

width和height是本身jq中的方法:

width和height是本身jq中的方法:

:offset():返回以像素为单位的letf和top坐标,只对可见元素有效,设置display:none就会i无效;

如果设置了绝对定位,那么会获取绝对定位距离父元素的值left值和top值;

::offset():

:offseparent():返回最近的已定位的祖先元素

:offseparent()
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容