JavaScript jQuery 这俩格式,单纯只是格式不同,还是有什么特殊用处?
本文介绍了JavaScript jQuery 这俩格式,单纯只是格式不同,还是有什么特殊用处?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
前天在网上搜 DOM 的时候,搜到了jQuery ,就觉得挺好,学了 [格式1];
今天然后问别的问题,知道了 [格式2];
我问问,我觉得格式1就挺好,为什么弄个 [格式2]?
这东西有什么特殊的用法吗?
格式1:
<div id="one">aa</div>
<script>
function BIANHONG()
{document.bgColor='red';}
$("#one").on("click",BIANHONG);
</script>
格式2:
<div id="one">aa</div>
<script>
function BIANHONG()
{document.bgColor='red';}
$("#one").click(BIANHONG);
</script>
解决方案
我知道用 on
可以做事件委托
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<div>
<ul>
<li>0</li>
</ul>
</div>
<button>增加LI</button>
<script type="text/javascript">
$(function() {
//新增加LI
$('body').on('click', 'button', function() {
var i = $('li').length + 1;
$('ul').append('<li>' + i + '</li>')
});
/* 这个后面加进来的LI也能半丁事件
$('body').on('click', 'li', function() {
console.log($(this).html())
});
*/
// 这个不可
$('li').click(function() {
console.log($(this).html())
});
});
</script>
</body>
</html>
有一次面试就问了我为什么用ON,我说不知道,我就知道我习惯用这个,他可以事件委托,做前端这么多年,一直没去追究为什么,就知道用,后来人家没要我
这篇关于JavaScript jQuery 这俩格式,单纯只是格式不同,还是有什么特殊用处?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文