关于链式调用的基本概念可以参阅jQuery链式调用简单实例代码一章节。
下面再分析几个关于链式调用的简单应用,需要的朋友可以进行一下参考。
先看一段代码实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>犀牛前端部落</title> <style type="text/css"> .a { color:red; } .b { color:green; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function () { $("#box").find("p").addClass("a").end().addClass("b"); }) </script> </head> <body> <div id="box"> <p>犀牛前端部落</p> <span>www.pipipi.net</span> </div> </body> </html>
上面的代码使用end()方法可以能够回到最近的一个"破坏性"操作之前,即将匹配的元素列表变为前一次的状态。
end()方法可以参阅jQuery end()方法一章节。
使用andSelf()方法也可以控制jQuery的方法调用链,再来看一段代码实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>犀牛前端部落</title> <style type="text/css"> .a { color:red; } .b { color:green; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function () { $("#box").find("p").andSelf().addClass("b"); }) </script> </head> <body> <div id="box"> <p>犀牛前端部落</p> <span>www.pipipi.net</span> </div> </body> </html>
上面的代码可以为box和p元素都添加一个class样式类。
jQuery链式调用实例分析,这样的场景在实际项目中还是用的比较多的,关于jQuery链式调用实例分析就介绍到这了。
jQuery链式调用实例分析属于前端实例代码,有关更多实例代码大家可以查看。
本文地址: http://www.zzsi.net/code/web/98474.html
本站部分资源来源与网络,仅供学习参考使用,请勿商用,如侵犯了您的权益,请联系我们删除。
上一篇: uploadify上传格式以及数目限制简单介绍
下一篇: 使用jQuery实现动态添加小广告