jQuery的链式编程和隐式迭代

Posted 2020-08-05

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){}