关于jQuery中的html()、text()、val()的区别 || on("click")与.click()

关于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()事件是能绑定静态元素。