首页 > Web开发 > 详细

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

时间:2018-12-28 20:10:10      阅读:153      评论:0      收藏:0      [点我收藏+]

在jquery中

 

text()

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

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


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

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



val()

返回输入字段的值

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



attr(“属性名”)

返回目标元素某属性的值

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

 

 

 

 

  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区别

原文:https://www.cnblogs.com/tjp40922/p/10192458.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!