- 动态创建元素(创建出来的元素是一个jQuery对象)
1、$(“完整的标签”):动态创建元素(类比js中的document.creatElement(),只不过这个方式里面放的是完整的标签)
例如:创建一个li标签
$(“<li></li>”) ;
2、$(“”).html(“完整的标签”)
- 添加元素
- append():在盒子中元素的最后一个子元素后面追加元素,类似于js中的appendChild()
- 作用:在被选元素内部的最后一个子元素(或内容)后面插入内容(存在/创建出来的元素都可以)
- 如果是页面中存在的元素,那么调用append()猴会把这个元素放到相应的目标元素里面去;但原来的这个元素就不存在了
- 如果是给定多个目标追加元素,那么方法的内部会复制多份这个元素,然后追加到多个目标里面去
- 常用参数:htmlString或jQuery对象
- appendTo()
- 作用:同append(),区别是把$(selector)追加到node中去
$(selector).appendTo(node)
- prepend()
(1)作用:在元素的第一个子元素前面追加内容/节点
- after()
- 作用:在被选元素之后,作为兄弟元素插入内容/节点
- before()
(1)作用:在被选元素之前,作为兄弟元素插入内容/节点
- 清空元素
- 清空指定元素的所有子元素(没有参数,也就是说放的是空字符串)
(1).html(“”)
(2).empty(“”)
- 自杀:把自己(包括所有内部元素)从文档中删除掉
(1).remove()
- 复制匹配的元素:复制所有匹配到的元素,返回值为复制的新元素
1、clone():默认没有参数
- html创建元素(推荐使用)
- 作用:设置返回所选元素的html内容(包括HTML标记)
- 设置内容的时候,如果是html标记就会动态创建元素,此时作用跟js里的innerHTML属性相同
- 动态创建元素(有参):.html(“”)
获取html内容(无参):.html()