首页 > 代码库 > jQuery的链式编程和隐式迭代

jQuery的链式编程和隐式迭代


1、链式编程

链式编程示例: .html(‘v‘).text(‘v‘);

注意:$(‘div‘).html(‘设置值‘).val(‘设置值‘);这样可以,但是$(‘div‘).html().text();这样是不对的,因为获取值时返回的是获取的字符串,而不是对象本身,所以不能链式编程


“破坏链”的问题

链式编程的时候一定要注意在什么时候“破坏”了链,当前对象的传递,如果传递被破坏,则继续链式编程会有意想不到的结果。

nextAll()

prevAll()

sibilings()

如何解决?

调用end()方法(返回链,被破坏前的对象)



2、隐式迭代


jQuery的迭代(包装集)

jQuery选择器返回的是一个对象数组,调用text()、html()、click()之类的方法时,其实是对数组中每个元素迭代调用每个方法,因此即使通过id选择的元素不存在也不会报错。


如何判断对象是否存在?

如果需要判断指定的id是否存在,应该写:if($(‘#btn1‘).length<=0){}









jQuery的链式编程和隐式迭代