jQuery中选择器的基础使用教程(3)

上面的判断语句，用法与一般的高级编程语言相近，但放在jQuery这个以轻便闻名的js库中不免显得繁琐，其实在jQuery中有更为轻便的方法去实现上面的例子，即toggle()方法，代码如下：

$(document).ready(function(){ var $category = $('ul li:gt(4):not(:last)'); $category.hide(); var $toggleBtn = $('.more a'); $toggleBtn.toggle(function(){ $category.show(); $('.more a span') .text("显示部分分类"); $('ul li').filter(":contains('前端'),:contains('css'),:contains('jQuery'),:contains('CMS')") .addClass("feature"); },function(){ $category.hide(); $('.more a span') .text("显示全部分类"); $('ul li').removeClass("feature"); }); });

具体的效果可以看demo note-selector

您可能感兴趣的文章: