<script type="text/javascript">
$( function () {
$("div").click(function(){
$(this).css("color", "blue");
});
$("input:eq(2)").focus(function(){
$(this).css("color", "black");
});
$("div~input").css("color","red");
})
</script>
全部代码
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<link >
<script type="text/javascript" src="../js/jquery.min.js"></script>
<style type="text/css">
/* div{
color:red;
} */
</style>
<script type="text/javascript">
$( function () {
$("div").click(function(){
$(this).css("color", "blue");
});
$("input:eq(2)").focus(function(){
$(this).css("color", "black");
});
$("div~input").css("color","red");
})
</script>
</head>
<body>
<ul>
<li>qqqq</li>
<li>555</li>
<li>2222</li>
<li>22322</li>
<li>22232</li>
</ul>
<div id="mytest1" style="width:100px;height:100px ;border: solid" >sss赌东道赌东道赌东道赌东赌东道的s</div>
<div id="mytest2">ssss</div>
<div id="mytest3">ssss</div>
<button>点击</button>
<input type="text" name="sname" id="sname" value="1121">
<input type="text" name="snme" id="sname1" value="1111">
<input type="text" name="sname" id="sname2" value="1111">
<input type="text" name="sname" id="sname3" value="1111">
<input type="text" name="sname" id="sname4" value="1111">
<input type="text" name="sname" id="sname5" value="1111">
<input type="text" name="sname" id="sname6" value="1111">
<input type="text" name="sname" id="sname7" >
<div id="mytest">ssss</div>
</body>
</html>