jQuery教程(30)-jQuery插件开发之自定义选择符

文章标签： jquery,jquery插件

2015-1-21 18:30:30     15 人阅读    

自定义选择符
           支持自定义选择符表达式的插件扩展了 jQuery内置选择符引擎的功能，可以让我们以全新的 方式查找元素。Cycle就支持一种自定义选择符，下面我们就来体验一下这个功能。

            Cycle的幻灯片通过调用.cycle('pause')和.cycle('resume')可以暂停和恢复播放。而 通过以下代码，可以轻松地添加几个按钮来控制幻灯片，参见代码清单7-4。
代码清单7-4

$(document).ready(function() { var $books = $('#books'); var $controls = $('<div id="books-controls"></div>'); $controls.insertAfter($books); $('<button>Pause</button>').click(function(event) { event.preventDefault(); $books.cycle('pause'); }).appendTo($controls); $('<button>Resume</button>').click(function(event) { event.preventDefault(); $books.cycle('resume'); }).appendTo($controls); });

          假设页面中有多组幻灯片，我们想通过Resume按钮恢复页面中所有暂停的幻灯片。那就需 要找到页面中所有被暂停的幻灯片所在的<ul>元素，然后全部恢复。利用Cycle自定义的:paused 选择符，可以轻松地实现这个功能，参见代码清单7-5。
代码清单7-5

$(document).ready(function() { $('<button>Resume</button>').click(function(event) { event.preventDefault(); $(,ul:paused,).cycle(,resu^e,); }).appendTo($controls); })；

          Cycle在加载之后，$('ul:paused')就会创建一个jQueiy对象，弓丨用页面中所有暂停的幻灯片，然后我们就可以按照意愿去操作它们。类似这样的由插件提供的选择符扩展，能够与jQuery 标准的选择符随意地结合使用。不难想象，通过选择适当的插件，可以把jQuery塑造得更符合我 们的要求。

原文地址：
该文章由 萌萌的IT人 整理发布,转载须标明出处。