本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.8节,作者:【美】jQuery社区专家组 译者:姚军 , 孙博更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.8.1 问题你刚刚对一组元素进行操纵,获得新的元素集。但是,你想同时操作前一个元素集和当前元素集。
1.8.2 解决方案可以用andSelf()方法合并前一个DOM元素选择集和当前选择集。例如,在下面的代码中,首先选择页面上的所有元素。接下来,操纵这组元素,寻找元素中的所有元素。现在,为了同时操作和中找到的元素,可以用andSelf()方法将包含到当前集合。如果省略andSelf(),边框颜色将只应用到元素:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <div> <p>Paragraph</p> <p>Paragraph</p> </div> <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/JavaScript"> jQuery('div').find('p').andSelf().css('border','1px solid #993300'); </script> </body> </html>1.8.3 讨论记住,当使用andSelf()方法时,它只向当前操作集合中添加前一个集合,而不是以前选择的所有集合。
相关资源:敏捷开发V1.0.pptx