jQuery - 添加/删除元素

jQuery - 添加元素

      有四个个方法可以用于jQuery的元素添加：

1. append()  在被选元素的结尾插入内容

• 语法： $("p").append("添加的内容");

      2.prepend()  在被选元素的开头插入内容

• 语法： $("'p").prepend("添加的内容");
• 可以通过append()和prepend()方法添加多个新元素

例子：

function appendText()
{
var txt1="<p>Text.</p>";               // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");   // 以 jQuery 创建新元素
var txt3=document.createElement("p");  // 以 DOM 创建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3);         // 追加新元素
}

 

3.after() 在被选元素的前面插入内容

          语法：$("'p").after("添加的内容")；

4.before（）在元素后面插入

          语法： $("p").before("添加的内容");

 

jQuery -  删除元素/内容

 

1. remove() 方法 删除被选元素及其子元素

语法：

 $("p").remove();

 

      2.empty() 方法 删除被选元素的子元素 

语法：

$("p").empty();

通过选择参数来过滤被删除的元素

例子： 

$("p").remove(".italic")