欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JQuery元素操作解析

程序员文章站 2022-05-18 15:13:58
jquery元素操作 常用操作:append() 作用:在被选元素内部的最后一个子元素(或内容)后面插入内容(存在或者创建出来的元素都可以) 如果是页面中存在的元素,那么调用append()后,会把...

jquery元素操作

常用操作:append()
作用:在被选元素内部的最后一个子元素(或内容)后面插入内容(存在或者创建出来的元素都可以)
如果是页面中存在的元素,那么调用append()后,会把这个元素放到相应的目标元素里面去;但是,原来的这个元素,就不存在了。
如果是给多个目标追加元素,那么方法的内部会复制多份这个元素,然后追加到多个目标里面去。
常用参数:htmlstring 或者 jquery对象

// 在(selector)(selector)中追加(selector)中追加node
(selector).append((selector).append((selector).append(node);
// 在$(selector)中追加p元素,参数为htmlstring
$(selector).append(’

’);

不常用操作:(用法跟append()方法基本一致)
1 appendto()
作用:同append(),区别是:把$(selector)追加到node中去
$(selector).appendto(node);

2 prepend()
作用:在元素的第一个子元素前面追加内容或节点
$(selector).prepend(node);

3 after()
作用:在被选元素之后,作为兄弟元素插入内容或节点
$(selector).after(node);

4 before()
作用:在被选元素之前,作为兄弟元素插入内容或节点
$(selector).before(node);