批改状态：合格
老师批语：
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
jquery元素内容，就是指元素包括中的内容，其中基本是指文本内容。
类似<h5></h5>此类的，其中包括的内容即文本内容。
jquery中控制文本内容的常用方法有以下几个：
.text():纯文本控制（写法：$('li').text('帮这个li标签增加一段内容')）
.html()：全局控制（写法：$('li').html('<b>帮这个li标签增加一段内容，但是是加粗的</b>')）
.val()：表单控制(写法：$('button').eq(0).click(function(){ alert($(':text').val())}))
代码部分：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<span></span>
<br />
<button>
点击改变事件
</button>
<input type="text" name="" id="" value="" />
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('span').html('这是啥')
// //这是html函数的写法，html函数还可以插入标签，是比较常见插入全局的方式
$('span').html('<h3>这是啥</h3>')
// //这是使用html函数插入标签的用法
$('span').text('这个其实也可以写入一点内容啦')
//
// //text方法，这个方法并不能插入标签
// $("button").click(function(){
// $(":text").val("Hello World");
$('button').eq(0).click(function(){
alert($(':text').val())
})
//思路：获取到button，并选中他的第一个按钮，添加点击事件，弹出输出的文本内容，方法为val获取表单的内容
</script>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
