dom操作val(),text(),html()

jquery的dom操作有许多值得注意的地方，在此列举一些需要注意的地方。

第一点： val(),html(),text()

val()方法获取的是标签对于的value值，此方法多用于 input类型标签。

ex:页面如下

如果获取的是input的val()弹出的信息是：

在span里加上value值获取span的val()时得到的是：

可以看到这个val()的用法，一般用于input类型的属性包含value的标签。

html()的用法，ex：

页面效果为：

说明获取html，容器性标签里面的html标签不会被解析，直接显示出html。要是我们去获取input类型的标签的html()会是什么样的呢？

页面效果为：

text()用法，ex:

获取span的text()页面效果为：

说明容器性标签内部的html被解析掉了，返回的是被解析后的文本。

如果获取input元素的text()会是什么样的效果呢？？？

什么元素也不显示。

综上所谓我们可以看到：

val()一般用于input类型含有value属性的标签

html()一般用于容器性标签例如span div等，如果容器内部含有html不会被解析

text()一般用于熔旗性标签，如果容器内部含有html会被解析掉，只显示相应的文本内容