jquery中隐式迭代和链式编程

隐式迭代(通俗的讲也就是偷偷的遍历)

使用场景和特点:

设置操作,给所有的设置相同的值

获取操作,返回第一个

$(‘li’).css(‘width’,200); 所有的li宽度都为200

如果给不同的值设置不同的值,需要自己手动遍历

Each方法:$(‘div’).each(function(index,element){……});

Index 下标  element 遍历的每一项 this指遍历的每一项,dom对象

如:$(‘li’).each(function(index,element){

$(this).csss(‘opacity’,0.1*index)})

给每个li设置了不同的opacity值

 

链式编程

原理:在方法调用完成后,会返回jquery对象,所以可以接着调用

注意点: 获取向操作后,会返回值,不能再调用

$(this).addClass(‘active).siblings().removeClass(‘active’)

Jquery对象中的dom对象是可以修改的,是会发生变化的

当遇到这种情况时,我们可以通过.end()回到上一级

posted @ 2019-07-04 10:10  王木木*  阅读(340)  评论(0编辑  收藏  举报