基本选择器-查找的应用

最新推荐文章于 2024-01-05 10:30:21 发布

yin_chenglong

最新推荐文章于 2024-01-05 10:30:21 发布

阅读量129

点赞数

本文链接：https://blog.csdn.net/yin_chenglong/article/details/79964763

版权

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
	<script type="text/javascript">
	//页面加载完后调用，初始化jquery
	$(function(){
	//查找表格的第一行(第一个)
	// var tr = $("tr:first");
	// tr.css("color","red");
	//查找表格的最后一行
	// var tr = $("tr:last");
	// tr.css("color","red");
	//查找所有未选中的 input 元素
	// var inputs = $("input:not(:checked)");
	//查找表格的1、3、5...行（即索引值0、2、4...）
	// var trs = $("tr:even");
	// trs.css("color","red");
	//查找表格的2、4、6行（即索引值1、3、5...）
	// var trs = $("tr:odd");
	// trs.css("color","red");
	//查找查找第二行
	// var trs = $("tr:eq(1)");
	// trs.css("color","red");
	//查找第二第三行，即索引值是1和2，也就是比0大
	// var trs = $("tr:gt(0)");
	// trs.css("color","red");
	//查找第1第2行，即索引值是0和1，也就是比2小
	// var trs = $("tr:lt(2)");
	// trs.css("color","red");

	var h = $(":header");
	h.css("color","red");
	debugger;


	});
	</script>
	</head>
	<body>
	<table>
	<tr><td>Header 1</td></tr>
	<tr><td>Value 1</td></tr>
	<tr><td>Value 2</td></tr>
	</table>
	<input type="checkbox" name="apple" />
	<input type="checkbox" name="flower" checked="checked" />
	<br />
	<h1>Header 1</h1>
	<p>Contents 1</p>
	<h2>Header 2</h2>
	<p>Contents 2</p>
	</body>
	</html>