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