- 浏览: 591411 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (300)
- Web前端 (27)
- Java疑难 (60)
- 面试 (59)
- 汇编语言 (1)
- 计算机组成原理 (2)
- 操作系统 (3)
- 计算机网络 (6)
- C/C++疑难 (9)
- SSH (2)
- Web开发 (15)
- 故障 (3)
- 软件开发 (16)
- Portal开发 (1)
- 后台开发 (6)
- 数据库 (35)
- 设计模式 (4)
- 数据结构与算法 (4)
- Linux (3)
- 项目管理 (10)
- 多线程 (12)
- 嵌入式 (9)
- 网络编程 (4)
- 架构设计 (20)
- 软件工具技巧 (7)
- 并行并发 (4)
- 窗口编程 (7)
- 串口编程 (0)
- Flex (2)
- 协议 (1)
- 通讯方式 (4)
- 性能分析优化 (5)
- 测试相关 (4)
- 海量数据处理 (2)
- JAVA核心技术 (10)
- SOA (3)
- 攻略规划 (1)
- 爬虫/搜索 (2)
- 正则表达式 (1)
- A Comparison Of NoSQL Database Management Systems And Models (1)
最新评论
-
charles751:
分析的很好!但有一点:只要同步组合操作就可以了,不一定非要sy ...
Vector 是线程安全的? -
S346618898:
core Java中有一段:Vector类对自己的所有可修改方 ...
Vector 是线程安全的? -
code_cj:
基本上明白了.但执行顺是否应该是/etc/profile -& ...
profile bashrc bash_profile之间的区别和联系 -
xd2008ck:
各自有各自的场景吧楼主不要太激进了
Vector 是线程安全的? -
zwt2001267:
写的不错,赞一个
Vector 是线程安全的?
首先,html属性中有两个方法,一个有参,一个无参
1. 无参html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档,返回的是一个String
例子:
html页面代码:<div><p>Hello</p></div>
jquery代码:$("div").html();
结果:Hello
2.有参html(val):设置每一个匹配元素的html内容,val不能是整个页面的html源代码。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象
html页面代码:<div></div>
jquery代码:$("div").html("<p>Nice to meet you</p>");
结果:[ <div><p> Nice to meet you</p></div> ]
$("#result").html("<center><b>hello</b></center>");
其次,text属性中有两个方法,一个有参,一个无参
1. 无参text():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String
例子:
html页面代码:<p><b>Hello</b> fine</p>
<p>Thank you!</p>
jquery代码:$("p").text();
结果:HellofineThankyou!
2.有参text(val):设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体),val可以是整个页面的html源代码。.返回一个jquery对象
html页面代码:<p>Test Paragraph.</p>
jquery代码:$("p").text("<b>Some</b> new text.");
结果:[ <p><b>Some</b> new text.</p> ]
$("#result").text('<html><head><title>将整个页面的html源代码赋值给一个html内容</title></head><body>whole page html code</body></html>');
最后,val()属性中也有两个方法,一个有参,一个无参。
1.无参val():获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。
返回的是一个String、 array
例子:
html页面代码 :
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>
jquery代码:$("p").append( "<b>Single:</b> " + $("#single").val() + " <b>Multiple:</b> " + $("#multiple").val().join(", "));
结果:[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]
2.有参val(val):设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象
html页面代码:<input type="text"/>
jquery代码:$("input").val("hello world!");
结果:hello world!
发表评论
-
字符集与字符编码
2013-09-06 00:23 1231摘自http://blog.sina.com.cn ... -
网站前端和后台性能优化的34条宝贵经验和方法
2013-04-15 22:38 9911 减少HTTP请求数量 (Minimize HTTP Re ... -
javascript this关键字用法介绍
2013-04-12 12:05 973源于http://www.111cn.net/wy ... -
深度理解原型链
2013-04-09 15:15 2007摘自http://www.cnblogs.com/maoro ... -
前端开发必须知道的JS(一) 原型和继承
2013-04-09 12:58 851源自www.cnblogs.com/ljchow/ ... -
CSS样式表继承详解
2013-04-09 00:15 978什么是继承?要想了解css样式表的继承,我们先从文档树(HT ... -
如何优化JavaScript脚本的性能
2013-04-07 00:08 750循环 循环是很常用的一个控制结构,大部分东西要依靠它来完成 ... -
JavaScript中的隐式类型转换
2013-04-06 23:31 1143如果把通过函数或方法调用,明确的将某种类型转换成另一种类型称 ... -
给定时器settimeout、setInterval调用传递参数
2013-01-17 15:08 1123使window.setTimeout/window.set ... -
浅谈 js中parseInt函数的解析
2013-01-09 22:25 811首先还是从很热门的实例parseInt("09 ... -
round、floor与ceil
2013-01-09 22:16 1028round() 方法可把一个数字舍入为最接近的整数。 ... -
js浮点数精度问题
2013-01-09 21:10 21066大多数语言在处理浮点数的时候都会遇到精度问题,但是在JS ... -
JS缓存图片实例
2011-12-16 01:02 5756JS缓存图片实例 现有JS功能越来强大了,很多基 ... -
iframe实现无刷新上传文件
2011-12-03 23:29 852[代码] [HTML]代码 view s ... -
js刷新页面代码
2010-10-16 11:15 962先来看一个简单的例子:下面以三个页面分别命名为frame.ht ... -
关于javaScript的IE与FireFox兼容性
2010-10-14 18:30 1388firefox没有window.event对象,其实这个本来不 ... -
js判断浏览器类型
2010-10-14 18:27 1135<!DOCTYPE html PUBLIC " ... -
FireFox与IE禁止右键单击
2010-10-14 14:00 1522<html><head><tit ... -
FireFox与IE事件禁止右键菜单写法的不同
2010-10-14 01:25 2300IE写法 <script> docum ... -
捕捉按键、隐藏按钮、鼠标建、获取Session
2010-10-10 23:31 1376<script type="text/java ...
相关推荐
本文为大家详细介绍下jquery中,html、val与text三者属性取值的联系与区别,下面有个不错的示例,感兴趣的朋友不要错过
主要介绍了jQuery中text() val()和html()的区别实例详解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
在jquery中val,text,html都能取到值,或加一个参数来赋值,那么它们有些什么区别?下面我们来举例说明: 首先,html属性中有两个方法,一个有参,一个无参 1. 无参html():取得第一个匹配元素的html内容。这个函数不...
1、实例源码 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> &...jQuery中的val()</title> <script type=”
NULL 博文链接:https://jeemygrow.iteye.com/blog/1271174
主要介绍了jQuery中val()方法用法,以实例形式分析了val()方法的两种常见用法,具有一定的参考借鉴价值,需要的朋友可以参考下
在jquery中给表单取值或赋值的方法我们只要简单的$('表单ID').val()即可实现取值了,如果赋值我们可使用$('表单ID').val('内容')即可实现了
jQuery获取Select选择的Text和Value: 代码如下: $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); ...
主要介绍了jQuery操作attr、prop、val()/text()/html()、class属性 ,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
jQuery的validate验证插件使用方法源码
JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....
4.4.2 text(val) 69 4.4.3 text(function(index, text)) 69 4.5 值 69 4.5.1 val() 69 4.5.2 val(val) 70 4.5.3 val(array) 71 4.5.4 val(function(index, value)) 71 5. 筛选 72 5.1 过滤 72 5.1.1 eq(index) 72 ...
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 回忆:DOM = Document Object Model(文档对象模型) 1、jQuery获得元素 三个简单实用的用于DOM操作的jQuery方法。 text() //设置或返回...
本文实例讲述了jQuery对html元素的取值与赋值方法。分享给大家供大家参考,具体如下: Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val(Set Lbl Value); //文本框,文本区域: $...