[转载]jQuery中的html，val，text区别

在jquery中

text()

返回目标元素所包含的所有文本内容，注意不包含html标签

 alert($("#shuru").text());

html()
返回目标元素所包含的所有内容，其中也包含html标签在内

   alert($("#shuru").html());

val()

返回输入字段的值

      alert($("#shuru").val());

attr(“属性名”)

返回目标元素某属性的值

           alert($("#shuru").attr("type"));

　　jQuery中的html，val，text区别

text():获取或者改变指定元素的文本
html():获取或改变指定元素的html元素以及文本
val():获取或者改变指定元素的value值（一般是表单元素）
以上3个都是jquery类库中的语法
第二个问题，基本没有什么区别，作用都是获得当前对象的value值（一般是表单元素）
只是，this.value是js的原生语法，$(this).val()是jquery的语法
使用this.value无需引入任何库文件，而$(this).val()则需要引入jquery库文件

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

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

 

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

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

 

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

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

jquery中val,text,html,attr的区别 
1.html()类似于javascript众的InnerHtml属性，可以用来读取或者设置某个元素中的HTML内容
例如：
Java代码  
1.<p><strong>Hello world</strong></p>   
2.
3.alert($('p').html()); 

返回：Java代码  
1.<strong>Hello world</strong>    
 
2.text()   类似于javascript众的InnerText属性，可以用来读取或者设置某个元素的文本内容
例如：
Java代码  
1.<p><strong>Hello world</strong></p>   
2.
3.alert($('p').text());  

返回：
java代码   
1.Hello world    


3.val()   类似于javascript中的value属性，可以用来设置或者获取元素的值，无论元 素是文本框，下拉列表还是单选框，如果元素时多选，则返回一个包含所有选择的值的数组。


4.attr()   来获取和设置元素的各种属性

[转载]jQuery中的html，val，text区别

猜你喜欢