Welcome, Old Sport!

自定义CSS选择器使用jQuery

by ilikecss ON 2012/12/07 5072

在以前的文章中我已经介绍过CSS的选择器功能,目前jQuery有一个选择器引擎,获取DOM后进行选择是非常简单的,我今天用这个脚本做了个CSS选择器的尝试效果非常好,也很简单明了。以下脚本目的是选择你需要的地方插入CSS样式,在有N条信息的情况下就可以通过调整选择参数来实现效果。

HTML代码我就省略了,插入脚本就可以实现,以下是脚本,别忘了插入jQuery

	$(function(){	
	jQuery.expr[':'].step = function(node,index,meta){
	var $index = index;
	var $meta = meta[3].toString().split(',');
	var $step = parseInt($meta[0]);	
	var $start = ($meta.length > 1) ? $meta[1] : 0;
	if ($start != 0) $start -= 1;
	return ( ( ($index-$start) / $step ) == Math.floor( ( ($index-$start) / $step ) ) && ( ($index-$start) >= 0 )  );	
	};
	//指定位置添加CSS样式"mo"
	$("ul#demo li:step(3)").addClass("mo");
7条评论
  1. #1

    Marvin说道:

    我越来越觉得我的小显示器悲剧了。你看看:
    http://huaban.com/pins/38995732/zoom/




TOP