val()和html()以及text()的区别

一:

可选项(<span id="total" style="color:red;">0</span>)</span>

使用jquery获取span标签的值代码如下

$("#total").html(); //即可

二:

如果是input标签则使用下面的代码来获取对应的值

<input type="text" id="name">

$("#name").val();

三:

获取下拉选择框选中的值

<select id="hoby>

    <option vlaue="book">book</option>

    <option vlaue="music">music</option>

    <option vlaue="movie">movie</option>

</select>

$("#hoby  option:selected").val(); 这是获取上面option标签value属性赋的值, 如果该下拉多选框计时可以下拉选择又是可以手动输入内容 , 那么获取手动输入内容的代码如下$("#hoby  option:selected").text(); 

四:

获取checkbox背后的value值代码如下

<input type="checkbox" value="0" />

<input type="checkbox" value="2" />

<input type="checkbox" value="5" />