返回首页 | 申博娱乐APP下载

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

js的事情循环绑定和jQuery的隐式迭代

时间:2017-10-26 编辑:admin

js的事情循环绑定和jQuery的隐式迭代

js事情循环绑定 jQuery隐式迭代

先举一个比如:给定一个ul,点击列表内的每一个li元素,使它的背景色变红,下边分别用js代码和jQuery完结。

<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
</ul>
js事情循环绑定
var lis = document.getElementsByTagname('li');
for(var i=0;i<lis.length;i++){
    lis[i].index = i;//增加一个index特点,用来存储i的值
    lis[i].onclick = function(){
        lis[lis[i].index].style.background = "red";
    }
}

如果不增加index特点,当点击li的时分,其实循环现已履行结束,并没有把每个li绑定对应的事情;参加index之后,将循环时的i值存储起来,接着调用函数,完结事情绑定。

jQuery隐式迭代
$('li').click(function(){
    $(this).css('background','red');
}

我们看到使用jQuery完结上述比如时,只用了几行代码,并没有用到for循环,是因为jQuery中存在隐式迭代,主动为每个数组元素增加了履行办法,点击任何li,对应的li就会调用函数。


浏览:

网站建设

流程

    网站建设流程