前端页面元素内容获取方式

主要列举val()，html()，innerHTML()的使用（也是方便自己回顾，刚开始用的少，没太注意区分）

1.val（）获取html元素的value值

<!-- js获取 -->
var v=$("#radio0").val();
<!--html部分正文 -->
<input type="radio" id="radio0" value="0">男</input>
<input type="radio" id="radio1" value="1">女</input>

​​​上面的v打印出来就是“0”

2.innerHTML() 与html( )的区别

在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。innerHTML 是从对象的起始位置到终止位置的全部内容,包括Html标签。

innerHTML（）是js中的写法，html（）是jQuery中的写法。调用方法不一样，前者是xx.innerHTML = "table"，xx.html("table")两者实现功能大体相同，都是获取html标签元素内容，通常用来动态生成html页面代码和获取span标签的文本内容。

<!--js部分 -->
var sv=$("#span1").html();
<!--HTML部分 -->
<span id="span1">span文本</span>

PS：第一次写博客，有不足的地方还请诸位大佬多多指点下，以后要多写写，另外说下博主马上大四狗了，想着多写写，往简历上放，自己也可以巩固巩固^~^