jQuery中的text()、html()和val()以及innerText、innerHTML和value

鸟飞惊了看花人

于 2019-08-03 16:08:25 发布

阅读量653

点赞数 1

分类专栏： JS+JQ 文章标签：学习使我快乐

本文链接：https://blog.csdn.net/weixin_44535476/article/details/98345443

版权

这篇博客探讨了jQuery中的text()、html()和val()以及JavaScript中的innerText、innerHTML和value在设置或获取内容时的用法。内容包括具体的代码示例和两者之间的区别，特别是val()方法在处理多个表单元素时的行为，以及如何使用回调函数动态改变元素内容。

摘要由CSDN通过智能技术生成

*jQuery中设置或者获取所选内容的值：

text();设置或者获取所选元素的文本内容；
html();设置或者获取所选元素的内容（包括html标记）；
val();设置或者获取表单字段的值（前提是表单设置了value属性）；

(text()和html()的区别是：前者是处理的文本内容，只能写文本如果写了上面的标记则会以文本形式输出；
后者可以解析文本中的html标记，就是你可以添加像<a></a>、<p></p>等标记，最后会解析为其效果。 )

*JavaScript中设置或者获取所选内容的值

同理innerText、innerHTML和value，

innerText和innerHTML都是将字符串放入hmtl标签中的一个函数
但是innerHTMl他可以解析hmtl标记
例如 你放入一个<a>斯蒂芬</a>  如果在DIV中它里面就会出现一个带下划线的a元素；
但是innerText只支持普通字符串；

*具体代码如下：
jQuery中：

<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    alert("