JQuery中关于html()、text()、val()三者之间的区别

html():该方法类似于Javascrpt 中的innerHTML的方法,该方法获取标签元素中所有内容文本。

text():该方法类似于Javascrpt 中的innerText方法,获取的是纯文本内容。

val():获取对象的value的值。获取的是选择对象的第一个元素的value值。当然该属性并不局限于只有value的元素,对于表单元素都适合。

<div id="one">hello <span>word</span></div>

html:通过控制台输出html()方法,发现返回的是  hello <span>word</span>;

text:返回的是纯文本文字  hello word;

va:返回的是 “” ; 

     注: 可以看出val()只获取对象的value值,而div本身并没有value属性,故其值为空

猜你喜欢

转载自www.cnblogs.com/from-sunshine/p/9639663.html