jQuery的罗选器 _Web前端

jQuery的筛选器

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <script type="text/javascript" src="lib/jquery/jquery-1.4.2.js"></script>
		<title>Untitled Document</title>
		<script type='text/javascript'>
			$(function(){
				$("td").css("cursor","pointer").mouseover(function(){
					//alert($(this).get());
					$(this).prevAll().andSelf().css("background","red").end().end().nextAll().css("background","white");
				}).mouseout(function(){
						$(this).nextAll().css("background","white");
					});
			})
		</script>
	</head>
	<body>
		<table border="2"><tr><td>111</td><td>222</td><td>333</td><td>444</td><td>555</td></tr></table>
	</body>
</html>

这个是仿照着别人做的，用了自己独特的研究
1、andself（）方法。对于筛选或查找后的元素，要加入先前所选元素时将会很有用。大家可能在使用prevAll（）方法时，发现他不会使，他只能选择该元素以前的元素，而无法选择自己，所以现在的这个andself（）方法解决了这个问题。
2、end（）方法。回到最近的一个"破坏性"操作之前。即，将匹配的元素列表变为前一次的状态。所以用到了两个end（）方法，便回到了$(this)对象。
这几个方法完成了jQuery的链式原则。。很爽。
链式原则，我有个比喻，那就是像是李小龙的连环拳，造成很大的伤害。哈哈哈