<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="UTF-8"></script>
<body>
<table border="1px" cellspacing="0" cellpadding="0" style="width: 200px; height: 100px;">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>95</td>
<td>69</td>
<td>97</td>
<td>98</td>
<td>99</td>
</tr>
</table>
<input name="apple" value="apple" />
<input name="flower" checked="checked" value="flower" />
</body>
<script type="text/javascript">
// first获的第一个元素
var a = $("td:first").text();
// alert(r)
// last获的最后元素
var b = $("td:last").text();
// alert(b)
//not查找所有未选中的 input 元素
var c = $("input:not(:checked)").val();
// alert(c)
//even偶数 从0开始
$("tr:even").css({
"background": "red"
});
//odd 奇数
$("tr:odd").css({
"background": "blue"
});
//even偶数 从0开始 //odd 奇数 自己看一下效果
// $("td:even").css({"background":"red"});
// //odd 奇数
// $("td:odd").css({"background":"blue"});
//鼠标悬停变色
$("tr:even").hover(function(){
$(this).css({"background":"green"});
},function(){
$(this).css({"background":"red"});
});
$("tr:odd").hover(function(){
$(this).css({"background":"prink"});
},function(){
$(this).css({"background":"blue"});
});
//eq(0)按0下标查
var e = $("td:eq(0)").text();
// alert(e)
//查找所有大于给定索引值的元素
var f = $("td:gt(2)").text();
// alert(f)
// It匹配所有小于给定索引值的元素
// var g = $("td:it(8)").text();
// alert(g)
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="UTF-8"></script>
<body>
<table border="1px" cellspacing="0" cellpadding="0" style="width: 200px; height: 100px;">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>95</td>
<td>69</td>
<td>97</td>
<td>98</td>
<td>99</td>
</tr>
</table>
<input name="apple" value="apple" />
<input name="flower" checked="checked" value="flower" />
</body>
<script type="text/javascript">
// first获的第一个元素
var a = $("td:first").text();
// alert(r)
// last获的最后元素
var b = $("td:last").text();
// alert(b)
//not查找所有未选中的 input 元素
var c = $("input:not(:checked)").val();
// alert(c)
//even偶数 从0开始
$("tr:even").css({
"background": "red"
});
//odd 奇数
$("tr:odd").css({
"background": "blue"
});
//even偶数 从0开始 //odd 奇数 自己看一下效果
// $("td:even").css({"background":"red"});
// //odd 奇数
// $("td:odd").css({"background":"blue"});
//鼠标悬停变色
$("tr:even").hover(function(){
$(this).css({"background":"green"});
},function(){
$(this).css({"background":"red"});
});
$("tr:odd").hover(function(){
$(this).css({"background":"prink"});
},function(){
$(this).css({"background":"blue"});
});
//eq(0)按0下标查
var e = $("td:eq(0)").text();
// alert(e)
//查找所有大于给定索引值的元素
var f = $("td:gt(2)").text();
// alert(f)
// It匹配所有小于给定索引值的元素
// var g = $("td:it(8)").text();
// alert(g)
</script>
</html>