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塑造得更符合我 们的要求。


原文地址:http://www.itmmd.com/201501/533.html
该文章由 萌萌的IT人 整理发布,转载须标明出处。

jQuery教程(31)-jQuery插件开发之全局函数插件   上一篇
下一篇  Spring mvc 3.0 InternalResourceViewResolver 返回字符串

精彩回复
发表评论
姓名:       

《程序员app》专门为程序员量身定做!