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

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

text();设置或者获取所选元素的文本内容；

html();设置或者获取所选元素的内容(包括html标记)；

val();设置或者获取表单字段的值(前提是表单设置了value属性)；

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

)

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

同理innerText、innerHTML和value，

innerText和innerHTML都是将字符串放入hmtl标签中的一个函数

但是innerHTMl他可以解析hmtl标记

例如 你放入一个斯蒂芬  如果在DIV中它里面就会出现一个带下划线的a元素；

但是innerText只支持普通字符串；

*具体代码如下：

jQuery中：

$(document).ready(function(){

$("#btn1").click(function(){

alert("Text: " + $("#test").text());

});

$("#btn2").click(function(){

alert("HTML: " + $("#test").html());

});

});

这是段落中的粗体文本。

显示文本

显示 HTML

JavaScript中：

function getInnerHTML(){

alert(document.getElementById("btn1").value);

}

这是段落中的粗体文本。

显示文本

显示 HTML

jQuery和JavaScript的区别总结：

*前者click事件是获取元素id进行处理；后者是οnclick="getInnerHTML()";

*前者获取元素值时是text()；后者是innerText,无();设置值时，前者是text("jing"),后者是innerText="jing";

*注意:两者的设置时，会覆盖原有内容，如果想要插入，使用插入方法。

另：

.html()用为读取和修改元素的HTML标签    对应js中的innerHTML

.html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时，只读取第一个元素

.text()用来读取或修改元素的纯文本内容  对应js中的innerText

text()用来读取元素的纯文本内容，包括其后代元素;.text()方法不能使用在表单元素上

.val()用来读取或修改表单元素的value值

.val()是用来读取表单元素的"value"值,.val()只能使用在表单元素上

关于三者的区别

1. .val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。

2 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

JQuery中的text(),html()和val()区别

定义和用法 text() 方法方法设置或返回被选元素的文本内容 代码如下

jQuery中的text(),html(),val()用法

jQuery中的text(),html(),val()用法 text():获取或者改变指定元素的文本 html():获取或改变指定元素的html元素以及文本 val():获取或者改变指定元素的valu ...

jquery中html(), text(),val()区别(zhuan)

https://zhidao.baidu.com/question/307317838.html http://www.cnblogs.com/aqbyygyyga/archive/2011/11/0 ...

jQuery中的text(),html(),val()的区别

一.jquery中HTML 1. 无参html() 方法用来获取任意元素的HTML内容,如果你调用多个选定元素的.html()方法,那么其读取的只是第一个元素,换句话说:如果选择器匹配多于一个的元素, ...

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

*jQuery中设置或者获取所选内容的值:text();设置或者获取所选元素的文本内容: html();设置或者获取所选元素的内容(包括html标记): val();设置或者获取表单字段的值(前提是表 ...

jQuery中的text(),html(),val()有什么区别

text():获取或者改变指定元素的文本html():获取或改变指定元素的html元素以及文本val():获取或者改变指定元素的value值(一般是表单元素) 以上3个都是jquery类库中的语法 第 ...

js与jquery中html() text() val()中的区别

首先html() text() val() 是jquery方法. 1.html()取得内容可以包含标签. 2.text()取得内容为元素文本内容. 3.val()只有value属性的元素才能使用该方法 ...

jquery中html()/text()/val()区别

html就是你可以添加

的标记text只能写文本如果写了上面的标记则会以文本形式输出,就是输出标签体的内容va ...

随机推荐

scala言语基础学习十一

隐式转换 使用隐式转换加强现有的类型的功能-类似于设计模式的装饰模式

C# 字段和属性

最大的疑惑就是:有了字段,为什么还要有属性呢? 如果在一个类中有一个公有字段,那么在这个类的外部我们可以自由无阻的使用这个字段,但是如果给这个字段赋了一个很“离谱”的值,那这对程序可能会造成很大的影响 ...

A1104. Sum of Number Segments

Given a sequence of positive numbers, a segment is defined to be a consecutive subsequence. For exam ...

Kernel 3.0.8 内存管理函数【转】

转自:http://blog.csdn.net/myarrow/article/details/7208777 1. 内存分配函数 相关代码如下: #define alloc_pages(gfp_ma ...

解锁scott账户方法

装完了数据库,忘了给scott账户解锁.这时可以在sql plus工具里,也可以在控制台通过命令行给scott账户解锁. 在第一种情况下,以system账户+自己安装时设置的密码,登录SQL Plus ...

使用laravel搭建CURD后台页面

配置即一切 一切皆于需求,后台从0开始搭建,但是写了一两个页面后发现太多的是对单表的增删改查操作,于是就想到了,能不能做一个快速搭建的后台.想到一句话,配置即一切.如果一个CURD后台能只进行配置就自 ...

网络编程socket、udp

PS:主机字节顺序,个位在低字节上 计算机本身不能通讯,使通过在同一主机或者不同主机内的软件进行数据传输. 套接字socket:套接字socket可以参照文件指针来理解,文件指针是表示对文件打开进行某 ...

dubbo 心跳

HeartBeatTask 类封装了心跳定时任务,需要了解的是 provider 和 consumer 都有可能发送心跳. final class HeartBeatTask implements R ...

JSON 数据转成Table

public static DataTable JsonToDataTable(string strJson) { //转换json格式 strJson = strJson.Replace(&quot ...