Jquery中val、text、html的区别

html就是你可以添加像<a></a>、<p></p>等标记
text只能写文本如果写了上面的标记则会以文本形式输出
val是属性，只有有该属性的对象才能调用

html(), 相当于 innerHTML
text(), 相当于 innerTEXT
val() 只有有value属性的才能取到值

1、<input type='text' value='xxx' id='inputVal'/> 这个就需要用 val()，只有当标签中有value属性时才能使用这个方法。例：$("inputVal").val("Hello Word!!!");既可以为文本框赋值：Hello Word！！！；$("inputVal").val();既可以获得这个文本框的value属性值：xxx。

2、<div id='divText'>div元素><span>你好</span></div >这个就用 text()。例：$("divText").text();就可以得到：div元素你好；$("divText").text("Hello Word!!!");这时就可以将其代码修改为：<div id='divText'>Hello Word!!!</div >

3、<div id="divHtml"><p>您好！</p></div> 这个就用html()。例：$("#divHtml").html();可以得到：<p>您好！</p>；$("#divHtml").html("<span>Hello Word!!!</span>");这时就可以得到代码：、<div id="divHtml"><span>Hello Word!!!</span></div>

转载于:https://blog.51cto.com/4363738/770456

Jquery中val、text、html的区别相关推荐

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 ...
jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
JQuery中removeProp()与removeAttr()的区别，You know？
JQuery中removeProp与removeAttr的区别 1.removeProp()函数详解语法: 注意: 返回值移除onclick事件: 2.removeAttr() 函数详解语法: ...
Jquery中.val()与.value之间的区别
三年多没敲过代码了,今年打算捡起来,是需要多么大的勇气.但是为了实现自我价值,履行自我的承诺,这就是责任.没有什么难不难,晚不晚之说,是我经常对别人说的那样,再晚不过心晚,,一切努力了,实现了每一天的 ...
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中的text()、html()和val()以及innerText、innerHTML和value
本文转载于:https://www.cnblogs.com/fozero/p/5916878.html 转载于:https://www.cnblogs.com/demon09/p/jq.html

Jquery中val、text、html的区别

Jquery中val、text、html的区别相关推荐

最新文章

热门文章