欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中批量給元素綁定事件過(guò)程中的相關(guān)問(wèn)題使用閉包解決

 更新時(shí)間：2013年04月15日 15:07:18   投稿：whsnow  
解決元素批量綁定事件的時(shí)候，出現(xiàn)i=最后一個(gè)循環(huán)變量的值的方法有兩種：把這個(gè)循環(huán)變量保存起來(lái)，不要讓它的作用域在整個(gè)函數(shù)，而是在循環(huán)體內(nèi)

在JS中，你寫(xiě)一個(gè)for循環(huán)的時(shí)候，內(nèi)部的循環(huán)變量I其實(shí)是會(huì)保存在它運(yùn)行的函數(shù)或類(lèi)內(nèi)的，所以你會(huì)發(fā)現(xiàn)你給元素批量綁定事件的時(shí)候，出現(xiàn)i=最后一個(gè)循環(huán)變量的值，解決的方案有2鐘，
思路就是：把這個(gè)循環(huán)變量保存起來(lái)，不要讓它的作用域在整個(gè)函數(shù)，而是在循環(huán)體內(nèi)

1.使用閉包(如果你不懂閉包，請(qǐng)打開(kāi)百度：www.baidu.com)
2.使用with關(guān)鍵字，with語(yǔ)法是with( obj ) { //使得可以在此直接訪(fǎng)問(wèn)obj的屬性，而不用加obj.XXX }
代碼示例：

復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="jquery-1.7.2.js" ></script>
<script type="text/javascript" language="javascript">
$(document).ready(function (){
function Ev(i){
this.index = i;
this.click = function (){
alert(this.index );
}
}
for(var k=1; k<4; k++){
//閉包函數(shù)1
// (function(x){
// $("#div" + x).click(function(){
// f(x);
// });
// }(k));
//使用with關(guān)鍵字
with ({i: k}){
$("#div" + i).click(function(){
f(i);
});
}
}
var f = function (m){
alert(m);
}
});
</script>
</head>
<body>
<div id="div1">1
</div>
<div id="div2">2
</div>
<div id="div3">3
</div>
</body>
</html>

相關(guān)文章

最新評(píng)論