jquery中的html(),val(),text()方法总结

jquery中不可能避免的要获取或者设置元素的内容，此时，就要用到上面的方法，对于新手来说，这三个方法经常会混淆，所以我在这里总结一下，个人经验，如有错误，请指正！

text方法，html方法和val方法的用法类似，都可以实现获取和设置元素内容的效果，具体为：方法传入参数，则为设置该元素的内容，不传参数则为查看元素的内容；但根据不同的场景要使用不同的方法：

1、在input表单元素中，设置和查看元素的内容，要使用val方法. 该方法相当于查看元素的行内样式或是设置元素的行内样式；

2、在非表单元素中，又可以分为两种情况;
2.1、如果要设置或查看的元素内容是纯文本，那么用text和html均可；
2.2、如果设置或查看的内容是含有标签的，那么此时就只能使用html方法了；

总结一下：val() 方法返回或设置被选元素的值,该方法大多用于 input 元素;text() 方法方法设置或返回被选元素的文本内容;html() 方法返回或设置被选元素的内容 (inner HTML)，包括标签;

原生js里面的value,innerText,innerHTML属性的用法与上面的三个方法类似；