jQuery中的html,val,text区别
在项目开发中,写jQuery代码有时候会搞混淆一下东西,现在写一下demo来列出jQuery的.html(),.text(),.val()的区别。
1. html()取得第一个匹配元素的内容,简单来说就是所取得的标签所包含的所有东西。
假如括号中有带val的话,最简单的理解就是将上一步取得的内容全部替换成括号中val,下面看demo
1 <div id="divTest" value='2'> 2 这是div的内容! 3 <label id="lblText"> 4 这是label的内容! 5 </label> 6 <div id="divTest2"> 7 第二个div内容! 8 </div> 9 </div>
这是html文档结构,现在我们执行下面js代码看看所取得的是什么的东西
1 $("#divTest").html() //所取得内容:这是div的内容!<label id="lblText">这是label的内容!</label> <div id="divTest2">第二个div内容!</div>
1 $("#divTest").html("我要修改了!") //执行修改
上面修改之后,我们接着获取一下
1 $("#divTest").html() //所取得内容:我要修改了!
注:html()方法可以用于XHTML文档,但不能用于XML文档!
2.text():取得所有匹配元素的内容,结果是由所有匹配元素包含的文本内容组合起来的文本,同理,text(val)是设置所有匹配元素的文本内容
1 $("#divTest").text() //所取得内容:这是div的内容!这是label的内容!第二个div内容! 2 //可见所取得是标签内的东西,但不会取标签
注:这个方法对HTML和XML文档都有效
3.val()常用来操作标准的表单组件对象,如button,text,hidden
例如添加了一个select元素以及一个hidden的元素
1 <select id="selectVal"> 2 <option value="1" selected="selected">1</option> 3 <option value="2" >2</option> 4 </select> 5 <input type="hidden" id="hidVal" value="1"/>
现在我们来取一下他们的值
1 $("#selectVal").val() //取得值为:1 同理这个也是 $("#hidVal").val()
有时候开发的时候会在一个div内设置一个value的属性,那么我们在取值的时候可以用这样
1 $("#divTest").attr('value')
html 取目标元素内的所有东西;
text 取目标元素内的所有文本;
val 常用于操作表单的组件,取设其值。
文章来源:http://www.cnblogs.com/powerdk/p/4055590.html
转载于:https://www.cnblogs.com/lihuanliu/p/7602866.html
jQuery中的html,val,text区别相关推荐
- php keydown,JQuery中keyUp和keyDown的区别详解
这篇文章主要是对JQuery中keyUp与keyDown的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 定义和用法完整的 key press 过程分为两个部分:1. 按键被按 ...
- Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
- Jquery中bind和live的区别
Jquery中bind和live的区别 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(" ...
- jQuery中eq和get的区别
jQuery中eq和get的区别 相信大部份人都会把这2个的用法搞错.仔细查看下API文档就可以知道.eq返回的是一个jquery对象,get返回的是一个html 对象数组.举个例子: <p s ...
- mysql中的blob和text区别
mysql中的blob和text区别 经过查询资料发现 除了blob 还有tinyblob longblob mediumblob 当然text还有tinytext mediumtext longte ...
- jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
- JQuery中removeProp()与removeAttr()的区别,You know?
JQuery中removeProp与removeAttr的区别 1.removeProp()函数详解 语法: 注意: 返回值 移除onclick事件: 2.removeAttr() 函数详解 语法: ...
- jquery中$.get(),$.post(),$.ajax(),$.getJSON()区别详解以及aja
<span style="background-color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif ...
- jquery中.eq()与:eq()的区别
在jquery中这两种发法都用来匹配一个给定索引值的元素,但是在写法上稍有区别 .eq(): HTML 代码: <p> This is just a test.</p> < ...
- JQuery中html()和val()的用法区别
Example: ... //定义JSON名称/值对 var JSONObject = { "name":"xrd", "age":24, ...
最新文章
- mysql cert_Mysql使用SSL连接
- Java线程优先级的概念
- 入局智慧城市,科技互联网巨头路在何方?
- aix如何安装mysql_AIX下安装Mysql
- MySql取得日期(前一天、某一天)
- P3244-[HNOI2015]落忆枫音【dp】
- 开源 物联网接入_我们刚刚推出了开源产品。 那么接下来会发生什么呢?
- linux进程管理内存管理,Linux专业知识四:Linux系统进程管理及查看内存
- sql判断时间大于0点_Java秒杀系统实战系列-数据库级别Sql的优化与代码的调整
- 服务器2012能安装无线网卡,网件无线网卡在windows 2012支持问题
- 数据分析实战(三) 因子分析模型挖掘CSDN优质博主
- mac根目录无法新建文件夹
- 《深入理解计算机系统》实验四Architecture Lab
- Hyper-V 配置静态 IP
- 人工智能在集装箱识别中应用
- C++STL库:String介绍
- 一文了解 DoH(DNS-over-HTTPS)和DoT(DNS-over-TLS)
- 一位8421BCD码转5421码,2421码,余3码组合电路(附思路)
- 用Arduino板为另一块Arduino烧写(更新)BootLoader
- 使用ARP欺骗, 截取局域网中任意一台机器的网页请求,破解用户名密码等信息
热门文章
- Tom邮箱注册机|注册辅助工具!!!
- POJ PKU 2305 java大数进制转化 JAVA 大数转换成字符串 转
- 软考信息系统项目管理师_项目整体管理---软考高级之信息系统项目管理师010
- 基于Spring Security的认证授权_连接数据库查询权限_Spring Security OAuth2.0认证授权---springcloud工作笔记131
- 区块链工作笔记0001---以太坊流程简介
- SpringCloud工作笔记082---自动化部署Jenkins_Windows下安装使用Jekins
- Android异常总结---1.Android java.net.SocketException: Address family not supported by protocol
- python数据结构-栈(stack)
- 杭电3790最短路径问题
- std::lexicographical_compare