jQuery中text()与 val() htm()的区别小结

来源：互联网发布：蜂鸟网络深圳编辑：程序博客网时间：2024/06/05 09:38

apps.hi.baidu.com/share/detail/32108197

转自百度

text()方法是获取所有匹配元素的内容.结果是所有比配结果组成的文本.这方法对于htm标记.xml标记都有用. 用于获取html标记标签中的内容如:div span p 这些才用到用html() 也一样.

<span>你好</span>
$("p").text(); 或者 $("p").html() //output "你好"

单行文本是不能用text()或html()来获取或者设置值。必须要用val().

val() 方法是获取第一个匹配元素(记住是第一个)的当前值.

如:<input name="txtName" class="txt" type="text" value="1" id="txtName" />
$("#txtName").val(); //output "1" 就算有多个id为txtName 的表单获取的也就只有第一个表单的value

.html()替代了以前的 .innerHTML , .html('test') ，则是替代了 .innerHTML = 'test';
这些类似的简化写法让我们在实际的操作中感觉得更加流畅。
这些方法都是直接在方法名里加参数来进行赋值和取值的。还有一些是通过第二个参数进行取值的
，比如$('#test').attr('name')，那么，返回的值就是它的attribute中的name了，如果$('#test').attr('id','test2'),则是相当于把这个test元素的id设为"test2",再进行取值的时候，id是"test2" 但获得的值依然是本控件的值。
优点乱了

看下面这个例子

<body>
<head>
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.2.1.js"></script>
<script type="text/javascript" src="js/jquery-1.2.6-vsdoc-cn.js"></script>
<script type="text/javascript">
$(function(){
      //注意这里添加的是 JQ 处理的事件
      $("#txtFirst").focus(function(){
      var x = $("#txtFirst").attr('id','txtSecond');
      alert($(x).attr('id'));    //弹出来的ID改变了
    });
});
</script>

</head>
<body>

jQuery中text()与 val() htm()的区别小结
jquery中val()与text()的区别
jQuery中，html、val与text的区别与联系
jquery中html,text与val三者的区别
jquery中html,text,val的区别
jquery中html()、text()、val()的区别
jquery中html()、text()、val()的区别
jquery中html()、text()、val()的区别
jquery中html()、text()、val()的区别
jquery中html、text、val的区别
jQuery中html()、text()、val()的区别
jquery中html()、text()、val()的区别
jquery中html()、text()、val()的区别
jquery中html、text、val的区别
jquery中text,html,val的区别
jQuery中 html(),text(),val()的区别
jquery中html、val、text的区别
Jquery中.html(),text(),val()的区别
栈和堆存储学习总结
电子工程师必备基础知识
linux界面操作程序
[doubango Programmer's Guide] 10 Sockets and Network Functions（tinyNET）翻译
Android FrameWork——PackageManager框架
jQuery中text()与 val() htm()的区别小结
scp命令详解，linux两台机器ssh无密码连接
Hibernate关系映射 --- 一对一实例分析(双向关联，是基于主键的)
CFileDialog过滤的用法
告诉你如何学C#
Android调用WebService之服务端实现（一）
最大子段和绝对值
Android杀掉进程
IOS自动化打包介绍

jQuery中text()与 val() htm()的区别 小结

jQuery中text()与 val() htm()的区别小结