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

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

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

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

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

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

)

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

同理innerText、innerHTML和value，

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

但是innerHTMl他可以解析hmtl标记

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

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

$(document).ready(function(){

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

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

});

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

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

});

});

这是段落中的粗体文本。

显示文本

显示 HTML

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()都可以使用回调函数的返回值来动态的改变多个元素的内容。

在HTML页面中实时获取新消息的方法 “JavaScript中的setInterval用法”

JavaScript中的setInterval用法(资料来源:博主---八神吻你   ) setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象.可以使用本动作更新来自数 ...

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

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

Jquery中$(document).ready() 和 JavaScript中的window.onload方法 比较

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的.   1.执行时间 win ...

javascript中的正则表达式学习

一.前言 关于正则表达式自身的语法这里不做过多介绍(详情可参见http://www.php100.com/manual/unze.html),这里仅仅解释javascript中和正则表达式相关的几个方 ...

JavaScript大杂烩6 - 理解JavaScript中的this

在JavaScript开发中,this是很常用的一个关键字,但同时也是一个很容易引入bug的一个关键字,在这里我们就专门总结一下页面中可能出现的this关键字(包括几种在其他页面文件中出现的this) ...

javascript中的一些核心知识点以及需要注意的地方

前言 近期杂事甚多,这些事情的积累对知识体系的提升有好处,但是却不能整理出来,也整理不出来 比如说我最近研究的Hybrid在线联调方案便过于依赖于业务,就算分享也不会有人读懂,若是抽一点来分享又意义不 ...

javascript中怎么判断对象{}为空

有时候通过AJAX方法调用返回的是一个JSON对象,而这个对象可能在开发过程中会没有数据是一个空{}. JavaScript判断object/json 是否为空,可以使用jQuery的isEmptyO ...

JavaScript中的算法之美——栈、队列、表

序 最近花了比较多的时间来学习前端的知识,在这个期间也看到了很多的优秀的文章,其中Aaron可能在这个算法方面算是我的启蒙,在此衷心感谢Aaron的付出和奉献,同时自己也会坚定的走前人这种无私奉献的分 ...

随机推荐

删除github仓库中的某个文件夹

最近在做一个项目,由于前期文件夹名是中文,如下:    |---Repository       |--- React单页面音乐播放器 并且git push到了github上. 后来在本地把文件夹re ...

applicationCache对象

applicationCache对象代表了本地缓存,可以在js中进行一些操作.可以用它来通知用户本地缓存中已经被更新,也允许用户手工更新本地缓存.applicationCache.addEventLi ...

JSP利用freemarker生成基于word模板的word文档

利用freemarker生成基于word模板的word文档 freemarker简介 FreeMarker是一个用Java语言编写的模板引擎,它基于模板来生成文本输出.FreeMarker与Web容器 ...

Android之SurfaceView

SurfaceView也是继承了View,但是我们并不需要去实现它的draw方法来绘制自己,为什么呢? 因为它和View有一个很大的区别,View在UI线程去更新自己:而SurfaceView则在一个 ...

apache配置常用模块

需要加载的模块列表 LoadModule php5_module modules/libphp5.so LoadModule actions_module modules/mod_actions.so ...

【Python】django安装

官方下载:https://www.djangoproject.com/download/ 报错 [root@test Django-]# python setup.py install Traceba ...

Swift - 32 - 函数类型

//: Playground - noun: a place where people can play import UIKit func add(a:Int, b:Int) -> Int { ...

Eclipse安装Weblogic插件

1.启动Eclipse,打开window>References>server>Runtime server. 2.点击“add”按钮,添加新的web服务器. 注:上图Oracle是W ...

Metasploit漏洞利用，三个入侵主机实战案例

受害者主机 windows2003 ie模拟工具ietest ie5.5/6/7/ 漏洞:MS10_002,MS10_018,MS12-020 ---------------------------- ...

android实现gif图播放、暂停、继续播放

之前做过一个项目,在android上实现gif图的播放以及点击屏幕弹出窗口显示gif图片的暂停,之前一直用gifView的jar包实现gif图片的显示,但是在gif暂停.继续播放这块没有找到好的解决方 ...