JQuery元素操作解析
程序员文章站
2022-05-18 15:13:58
jquery元素操作
常用操作:append()
作用:在被选元素内部的最后一个子元素(或内容)后面插入内容(存在或者创建出来的元素都可以)
如果是页面中存在的元素,那么调用append()后,会把...
jquery元素操作
常用操作:append()
作用:在被选元素内部的最后一个子元素(或内容)后面插入内容(存在或者创建出来的元素都可以)
如果是页面中存在的元素,那么调用append()后,会把这个元素放到相应的目标元素里面去;但是,原来的这个元素,就不存在了。
如果是给多个目标追加元素,那么方法的内部会复制多份这个元素,然后追加到多个目标里面去。
常用参数:htmlstring 或者 jquery对象
// 在(selector)中追加node
(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);