jquey选择器带来的便捷

	<body>
		<table id="am">
		<tr>
			<td>am1</td>
			<td>am2</td>
			<td>am3</td>
			<td>am4</td>
		</tr>
		</table>
		
		<table id="bm">
		<tr>
			<td>bm1</td>
			<td>bm2</td>
			<td>bm3</td>
			<td>bm4</td>
		</tr>
		</table>
		<div id="output"></div>
	</body>
$(function(){

var aa = $("table[id='am']").text();
	$("div[id='output']").text(aa); // 选出指定id的table
	
	$("table[id='am'] td:eq(0)").css("color","red");//选择器 选择id=am的table的第一个TD并对其进行操作
	$("table[id='am'] td").eq(1).css("color","green");//筛选函数 选择id=am的table的第二个td并对其进行操作

	// 选择id=am的table的所有的td并为每一个td添加事件,只需要写一次就为所有的td添加相同的事件,可以用到为每个对象添加check处理的时候
	$("table[id='am'] td").click(function(){
		alert($(this).text());
	});
	$("table[id='am'] td").each(function(){// 遍历每一个td,批处理所有的td,函数立即执行,可以用在提交前的check,外层加一个标志位,里面来修改。
		alert($(this).text());// 但是当里面return false后是不是仍然继续执行,应该是的,不测了
	});
});


你可能感兴趣的:(jquey选择器带来的便捷)