jquey选择器带来的便捷

最新推荐文章于 2024-08-27 04:22:49 发布

laoma4102

最新推荐文章于 2024-08-27 04:22:49 发布

阅读量801

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/laoma4102/article/details/8539341

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

	<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后是不是仍然继续执行，应该是的，不测了
	});
});