在jquerDOM和原生DOM对象中的常见问题

首先说val（）与value的区别：

根据jqueryapi文档的解释 可以看到以下解释

（一）val()

首先说val()是jquery中特有的方法（看仔细了是方法还是jquery中特有的），查询jquery文档了解到：

无参val()：获得第一个匹配元素的当前值。就是可以返回任意元素的值。如果多选，将返回一个数组，其包含所选的值。返回的是一个String、 array数组，但是要保证这写元素中是有value属性的，

先说什么是value属性：总共可以总结为以下六点：

1.按钮中用的value 指的是按钮上要显示的文本  比如“确定”“删除”等 。

2.复选框用的value 指的是这个复选框的值

3.单选框用的value 和复选框一样

4.下拉菜单用的value 是列表中每个子项的值

5.隐藏域用的value 是框里面显示的内容

6.文本域中的value代表是用户输入的值

所以由以上可以得出在html中有value属性的标签有1，<input>标签； 2，<textarea>（文本域）； 3，<select><option>（选择框）；4，<button> 标签；特殊的5，<li>标签

有参数val():就是设置标签中的value属性，这个就不用多解释了。

例子：<input type="text" value="123" >

jQuery 代码:$("input").val("我");

注意结果

结果 ：<input type="text" value="我" >

例子：

<button name="catalog" type="submit" value="点我" id="butt">我是按钮</button>

 alert($("#butt").val())

结果：点我

<input type="text" value="123" >

jQuery 代码:$("input").val();

结果 ：输出123

（二）value

value是原生DOM中的特有的属性：value 属性设置或返回文本域的值。其使用方法和在jquery中是一样的注意使用的时候要注意jquery是不能使用原生DOM中的这种属性相反原生DOM也不能使用Jquery的方法。

（三）text（）

无参的text（）记住这个是Jquery中特有的方法取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String

<p><b>哈哈</b>哼哼</p><p>呵呵!</p>            

 jquery代码：$("p").text();  

结果：哈哈哼哼呵呵!

2有参text（value）：

设置所有匹配元素的文本内容,与 html()这个函数有点 类似, 但也有点差别，会编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).返回一个jquery对象      

<p>这是个例子</p>  

$("p").text("<b>Some</b> new text.");  

 结果:[ <p><b>Some</b> new text.</p> ]

（四）innerHTML

它是原生DOM中的属性：innerHTML 属性设置或返回表格行或者标签中开始和结束标签之间的 HTML（可以是文本或者也可能是html语言）。注意区分Jquery中的text()方法

例子：

<button name="catalog" type="submit" value="点我" id="bu">我是个按钮</button>

$(function(){

 alert(document.getElementById("bu").innerHTML);

});

结果：我是个按钮

首先说val（）与value的区别：

根据jqueryapi文档的解释 可以看到以下解释

（一）val()

首先说val()是jquery中特有的方法（看仔细了山炮是方法还是jquery中特有的），查询jquery文档了解到：

无参val()：获得第一个匹配元素的当前值。就是可以返回任意元素的值。如果多选，将返回一个数组，其包含所选的值。返回的是一个String、 array数组，但是要保证这写元素中是有value属性的，

先说什么是value属性：总共可以总结为以下六点：

1.按钮中用的value 指的是按钮上要显示的文本  比如“确定”“删除”等 。

2.复选框用的value 指的是这个复选框的值

3.单选框用的value 和复选框一样

4.下拉菜单用的value 是列表中每个子项的值

5.隐藏域用的value 是框里面显示的内容

6.文本域中的value代表是用户输入的值

所以由以上可以得出在html中有value属性的标签有1，<input>标签； 2，<textarea>（文本域）； 3，<select><option>（选择框）；4，<button> 标签；特殊的5，<li>标签

有参数val():就是设置标签中的value属性，这个就不用多解释了。

例子：<input type="text" value="123" >

jQuery 代码:$("input").val("我");

注意结果

结果 ：<input type="text" value="我" >

例子：

<button name="catalog" type="submit" value="点我" id="butt">我是按钮</button>

 alert($("#butt").val())

结果：点我

<input type="text" value="123" >

jQuery 代码:$("input").val();

结果 ：输出123

（二）value

value是原生DOM中的特有的属性：value 属性设置或返回文本域的值。其使用方法和在jquery中是一样的注意使用的时候要注意jquery是不能使用原生DOM中的这种属性相反原生DOM也不能使用Jquery的方法。

（三）text（）

无参的text（）记住这个是Jquery中特有的方法取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String

<p><b>哈哈</b>哼哼</p><p>呵呵!</p>            

 jquery代码：$("p").text();  

结果：哈哈哼哼呵呵!

2有参text（value）：

设置所有匹配元素的文本内容,与 html()这个函数有点 类似, 但也有点差别，会编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).返回一个jquery对象      

<p>这是个例子</p>  

$("p").text("<b>Some</b> new text.");  

 结果:[ <p><b>Some</b> new text.</p> ]

（四）innerHTML

它是原生DOM中的属性：innerHTML 属性设置或返回表格行或者标签中开始和结束标签之间的 HTML（可以是文本或者也可能是html语言）。注意区分Jquery中的text()方法

例子：

<button name="catalog" type="submit" value="点我" id="bu">我是个按钮</button>

$(function(){

 alert(document.getElementById("bu").innerHTML);

});

结果：我是个按钮

总之这么幸苦好好学习等我回去好好带你飞；