jQuery 文本内容相关方法 html() text() 表单属性方法val()

最新推荐文章于 2023-02-13 21:03:58 发布

编程老菜鸡

最新推荐文章于 2023-02-13 21:03:58 发布

阅读量88

点赞数

文章标签： jquery html javascript

本文链接：https://blog.youkuaiyun.com/weixin_44868492/article/details/121158379

版权

html() text() 方法和原生JS中的 innerHTML 、innerText 两个属性功能类似

一、html() text() val()

  // 1. element.html() 获取元素中的内容
  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../jquery.js"></script>
  <style>
    textarea {
      resize: none;
    }
  </style>
</head>
<body>
  <div>
    <span>content</span>
  </div>
  <input type="text"  value="jQuery">
  <script>
    // 1. 获取元素内容 element.html()
    console.log($('div').html());
    // 2. 设置元素内容element.html('content')
    $('div').html('<a href="#">hello</a>'
	// 3. 获取元素内容 element.text()
	console.log($('div').text())
	// 4. 设置元素内容 element.text('content')
	$('div').text('hahahah')
	// 5. 获取、设置表单值 val()
	console.log($('input').val())
	$('input').val('123')
  </script>
</body>
</html>