jQuery: 整理3---操作元素的内容

1.html("内容")  ->设置元素的内容，包含html标签（非表单元素）

 <div id="html1"></div><div id="html2"></div>$("#html1").html("<h2>上海</h2>") // 可以识别标签$("#html2").html("北京")

 

2.html() -> 获取元素的内容，包含html标签（非表单元素）

  const html1 = $("#html1").html()const html2 = $("#html2").html()console.log(html1)console.log(html2)

 

 

3.text("内容")  -> 设置元素的纯文本内容， 不识别HTML标签（非表单元素） 

 <div id="text1"></div><div id="text2"></div>$("#text1").text("南京")$("#text2").text("<h2>南京</h2>")  // 不识别标签

 

4. text() -> 获取元素的纯文本内容， 不识别HTML标签（非表单元素）

  const text1 = $("#text1").text()const text2 = $("#text2").text()console.log(text1)console.log(text2)

 

 

5.val("值") -> 获取元素的值（表单元素）

<input type="text" id="username" value="123">$("#username").val("1234")

 

6.val()  -> 获取元素的值（表单元素） 

   const val1 = $("#username").val()console.log(val1)