JQuery中text()、html()和val()的区别
对于text()和html()来说，获取元素内部的值的用法基本上是一样的，结果是由所有匹配元素包含的文本内容组合起来的文本，如<p>...</p> <dt>...<dt>等等，所以xml和html都可以获取（元素闭合）
而对于val() 则是获得第一个匹配元素的当前值，比如<input type="text" value="sdfdsf"> 那么利用这个方法将获得的是input 元素的value值，而利用text()方法是获取不到的，因为不是闭合元素
代码
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Clone()的使用方法</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tag li').eq(0).click(function(){
alert($(this).clone().html());
alert($("input").val());
});
});
</script>
</head>
<body>
<div id="tag">
<ul>
<li>你说我是好人吗，我是好人啊</li>
<li>哈哈，我真的不知道说什么了</li>
<li>生活就是应该平淡的</li>
<li>像上学一样的工作</li>
</ul>
</div>
<input type="text" value="哈哈，看看我的结果">
</body>
</html>
那么得到的结果就是 “你说我是好人吗，我是好人啊”和 “哈哈，看看我的结果”
转载于:https://www.cnblogs.com/scy251147/archive/2010/08/10/1796476.html
JQuery中text()、html()和val()的区别相关推荐
- jquery中this与$(this)的用法区别.
2019独角兽企业重金招聘Python工程师标准>>> jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( ...
- jQuery中ready与load事件的区别
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. jQuery中ready与load事件的区别 概述: 大家在工作中用jQuery的时候一定会在使用之 ...
- SQL Server中Text和varchar(max)数据类型区别
SQL Server中Text和varchar(max)数据类型区别 以前只知道text和image是可能被SQL Server淘汰的数据类型,但具体原因不太清楚,今天读书的时候发现了text与var ...
- jQuery中的html，val，text区别
在项目开发中,写jQuery代码有时候会搞混淆一下东西,现在写一下demo来列出jQuery的.html(),.text(),.val()的区别. 1. html()取得第一个匹配元素的内容,简单来说 ...
- jQuery中的$(“this“)和$(this)的区别
$(this)取出当前对象并转换为jQuery对象 $("this")是使用标签选择器,查找名为this的标签 $(this)是jquery对象,能调用jquery的方法,例如cl ...
- JQuery中text(),html(),val()的区别
这3个都是jquery类库中的语法,分别是: text():获取或者改变指定元素的文本: html():获取或改变指定元素的html元素以及文本: val():获取或者改变指定元素的value值(一般 ...
- jQuery中attr和prop方法的区别
2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...
- Jquery中post与get之间的区别详细介绍
1:GET访问浏览器认为是等幂的 GET访问浏览器认为是等幂的,就是一个相同的URL只有一个结果,相同是指整个URL字符串完全匹配.所以,第二次访问的时候,如果URL字符串没变化 浏览器是直接拿出了第 ...
- JQuery中parent()，parents()，parentsUntil()区别和使用技巧
parent()其实很简单, 就是指定选择器中每个元素的外边的一层.比如$("p"),那么就是结果就是包裹着<p></p>的数据 如:<div> ...
最新文章
- node.js获取本机Ip, hostName, mac
- HTML CSS JavaScript 从一个表格到一个灰阶颜色表（目录）
- 转：高效代码审查的八条准则和十个经验
- ABAP的语法高亮是如何在浏览器里显示的
- 【地狱副本】数据结构之线段树Ⅲ——区间最值/赋值/修改/历史值操作（HDU5306，Tyvj 1518，【清华集训2015】V，HDU6315，HDU1828，POJ3162）
- Redhat_as4_oracle10g自启动脚本设置
- linux网络子系统分析（五）——netfilter
- 19行Python代码让你拥有属于自己的智能聊天机器人
- FTP协议 与 FXP协议区别
- 在线影音页面的制作方法
- 古瑞瓦特，固德威，阳光电源，那种5KW家庭式的储能方案
- Premiere cs6导出MP4格式视频
- 【HZNUOJ】【C系列3.16】征战的Loy
- confluence 空间复制
- 鸟哥的Linux笔记-------磁盘与文件系统
- “瓮中捉鳖”——涨停板一般出现在什么时候？
- bigdecimal不等于0怎么写_碰到“作品不适宜公开以及0播放”怎么办？
- [渝粤教育] 南通大学 智能建造风险源与安全控制 参考 资料
- 前端开发新人写简历的大概套路
- springboot+音乐播放小程序 毕业设计-附源码191730