JQuery 第二天

lvp · 发表于 2013-2-8 00:35:05

[size=x-small]<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"><title>JQuery DEMO</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">  <style type="text/css"> div { width: 250px; height: 100px; border: 1px solid blue; float: left; padding: 10px; } span { margin: 3px; border: 1px solid red; padding: 5px; } h1, h2 { display: inline; } </style>  <script type="text/javascript" src="js/jquery/jquery-1.3.2.js"> </script> <script type="text/javascript"> $(function(){ //过滤选择器选择所有div中的第一个div元素 $("div:first").css("border-color","green"); //过滤选择器选择所有div中的最后一个div元素 $("div:last").css("border-color","green");//过滤选择器选择所有 input标签中 class不是normalTxt的元素$("input:not(.normalText)").css("border-color","red");//过滤选择器选择所有 input 元素是偶数$("input:even").css("color","blue");//过滤选择器选择所有 input 元素是基数$("input:odd").css("color","green");//选择索引等于 1的 textarea元素$("textarea:eq(1)").css("border","1px solid blue");//选择索引大于1(不包含1)的 textarea元素$("textarea:gt(1)").css("border","1px solid red");//选择索引小于2的 textarea元素索引都从0开始$("textarea:lt(2)").css("color","blue");//选择所有的标题元素例如 h1 h2$(":header").css("color","red");//选择当前正在执行动画的所有元素$("div:animated").css("border","1px inset black"); }); </script> </head> <body> <span>SPAN2</span> <div id="div1"> <h1>div h1</h1> <h2>div h2</h2> <h1>div h3</h1> </div> <div> <h2>div h2</h2><span>div span</span> </div> <div> <span>div span</span> </div> <div> <span><span id="sp1">div.div.span1</span><span>div.div.span2</span></span> </div> <span>SPAN1</span><p><input type="text" class="normalText" value="1232"></p><p><input type="password" value="1232"></p><p><input type="text" value="1232"></p><p><input type="text" value="1232"></p><p><textarea>132</textarea><textarea>333</textarea><textarea>444</textarea><textarea>5555</textarea></p> </body></html>

		自动登录	找回密码
密码			立即注册

JQuery 第二天

浏览过的版块