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)