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

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

 

 

   
 $("#html1").html("
上海
") // 可以识别标签

 $("#html2").html("北京")

 

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

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

 

 

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

 

 


 $("#text1").text("南京")

 $("#text2").text("
南京
")  // 不识别标签

 

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

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

 

 

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

$("#username").val("1234")

 

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

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