您的位置：首页 > Web前端 > JQuery

jquery学习之1.3-基本选择器

2014-03-23 17:06 615 查看

基本选择器学习：

<%@ page language="java" import="java.util.*"
pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>11</title>
<script type="text/javascript" src="js/jquery-1.11.0.js">
</script>
</head>
<body>
<h1>第一个table</h1>
<table border="1px" width="20%" >
<tr><td>1.1</td><td>1.2</td></tr>
<tr><td>2.1</td><td>2.2</td></tr>
<tr><td>3.1</td><td>3.2</td></tr>
</table>
<h1>第二个table</h1>
<table width="20%">
<tr><td>1.1</td><td>1.2</td></tr>
<tr><td>2.1</td><td>2.2</td></tr>
<tr><td>3.1</td><td>3.2</td></tr>
</table>
<input type="button" value="改变动画效果的背景色为grey" id="move" > </input>
<div id="mover" background="grey">动画</div>
<script language="javascript">
$("table:eq(0) tr:even").css("background","#ff00a0");
$("table:eq(0) tr:odd").css("background","silver");
$("table:eq(1) tr:eq(0)").css("background","yellow");
$("table:eq(1) tr:gt(1)").css("background","pink");
$(":header").css("background","silver");
function ca()
{
$("#mover").slideToggle("fast",ca);
}
ca();
$("#move").click(
function()
{
$(":animated").css("background", "pink")
});

//******************************************************
</script>
</body>
</html>

my Code

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航