关于jQuery中的html()、text()、val()的区别
.html()用于读取和修改元素的HTML标签。对应于Js中的innerHTML()。使用在多个元素上时，只读取第一个元素。
.text()用来读取或修改元素的纯文本内容。对应JS中的innerText()。使用时，读取元素的纯文本内容，包括其后代元素；text()不能使用在表单元素上。
.val()用来读取或修改表单元素的value值。只能使用在表单元素上。
三者区别：
.val()和.html()相同，应用在多个元素上时，只能读取第一个表单值。
.html()、.text()、.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
div的点击事件优先级高于<a>的跳转，同时存在时，需在<a>中href="javascript:;"来阻止跳转，锁定点击事件。
on("click")与.click()事件的区别：
on("click") => $(selector).on("click",function(){});支持动态绑定元素，即页面上元素有添加或变化后仍可绑定。前提是selector是目标绑定元素的父元素，如：绑定body的动态li元素。
$("body").on("click","ul li",function() {});如直接绑定元素东塔的li元素将不成功，效果与$(' ').click()相同
$(" ").click()事件是能绑定静态元素。