天富娱乐注册官网平台怎样操作jQuery的元素内容？内容操作演示

更新时间:2021年07月14日14时24分来源:传智教育浏览次数:

jQuery中操作元素内容的方法，主要包括html()方法、text()方法和val()方法。html()方法用于获取或设置元素的HTML内容，text()方法用于获取或设置元素的文本内容，val()方法用来获取或设置表单元素的value值。具体使用说明如表1所示。

表1 元素内容操作

语法	说明
html()	获取第一个匹配元素的HTML内容
html(content)	设置第一个匹配元素的HTML内容
text()	获取所有匹配元素包含的文本内容组合起来的文本
text(content)	设置所有匹配元素的文本内容
val()	获取表单元素的value值
val(value)	设置表单元素的value值

需要注意的是，val()方法可以操作表单（select、radio和checkbox）的选中情况，当要获取的元素是<select>元素时，返回结果是一个包含所选值的数组；当要为表单元素设置选中情况时，可以传递数组参数。

为了让读者更好地理解元素内容相关方法的使用，下面通过具体代码进行演示。

 <div> <span>我是内容</span> </div> <input type="text" value="请输入内容"> <script> console.log($("div").html()); $("div").html("<span>hello</span>"); console.log($("div").text()); $("div").text("<span>123</span>"); console.log($("input").val()); $("input").val("123"); </script>

通过浏览器访问测试，运行结果如图1所示。