jQuery学习笔记操作jQuery对象文档处理

2024-05-06 14:21:17

字体：大中小

来源：转载

供稿：网友

下面就是一些常用方法，格式为$(selector).方法，其中$(selector)即当前选定元素：

移动元素

方法	描述
append($(selector))	向当前元素的内部追加内容
appendTo($(selector))	将当前元素在某元素内部追加。但由于会根据需要对当前元素进行移动，所以jQuery对象更改了，可用end()还原
prepend($(selector))	向当前元素的内部前置内容
prependTo($(selector))	将当前元素在某元素内部前置。类似于appendTo()，会改变对象
after($(selector))	向当前元素之后插入内容
insertAfter($(selector))	将当前元素插入到某元素之后。类似于appendTo()，会改变对象
before($(selector))	向当前元素之前插入内容
insertBefore($(selector))	将当前元素插入到某元素之前。类似于appendTo()，会改变对象

添加元素

方法	描述
$(html)	创建生成jQuery对象。根据原始HTML代码字符串，创建指向新元素的jQuery对象，再利用移动方法来添加到文档中
clone()	复制生成jQuery对象。复制当前选定页面元素，生成副本元素的jQuery对象，同样利用移动方法来添加到文档中。而且clone()指向副本，相当于更改了jQuery对象，所以可用一次end()还原到当前选定元素；二次end()则彻底还原对jQuery对象的更改

替换元素

方法

描述

replaceWith($(selector))

replaceWith($(html))

移动页面上原有的元素来替换当前选定的页面元素，也可以添加新元素来替换

replaceAll($(selector))

replaceAll($(html))

用当前选定的元素来替换某元素，可以使页面上原有元素，也可以是新元素。同样会根据需要复制当前元素副本，从而更改jQuery对象