jquery中val,text,html,attr的区别

来源:互联网 发布:仓廪实而知礼节的意思 编辑:程序博客网 时间:2024/06/01 21:26

jquery中val,text,html,attr的区别

jquery中val,text,html,attr的区别
1.html() 
类似于javascript众的InnerHtml属性,可以用来读取或者设置某个元素中的HTML内容 

例如:

Java代码

  1. <p><strong>Hello world</strong></p>  
  2.   
  3. alert($('p').html());  

<p><strong>Hello world</strong></p>

 

alert($('p').html());



返回:

Java代码

  1. <strong>Hello world</strong>  

<strong>Hello world</strong>



2.text() 
类似于javascript众的InnerText属性,可以用来读取或者设置某个元素的文本内容 

例如:

Java代码

  1. <p><strong>Hello world</strong></p>  
  2.   
  3. alert($('p').text());  

<p><strong>Hello world</strong></p>

 

alert($('p').text());



返回:

Java代码

  1. Hello world  

Hello world



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

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