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)

?