`

锋利的jQuery第二章 选择器

jQueryJavaScriptCSSHTMLXHTML 
阅读更多

锋利的jQuery第二章 选择器

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1-3-3</title>
  <script src="lib/jquery-1.4.2.js" type="text/javascript">
  </script>
  <style type="text/css">
	div,span,p{
		width:140px;
		height:140px;
		margin:5px;
		background:#aaa;
		border:#000 1px solid;
		float:left;
		font-size:17px;
		font-family:Verdana;
	}

	div .mini{
		width:55px;
		height:55px;
		background-color:#aaa;
		font-size:12px;
	}

	div.hide{
		display:none;
	}

  </style>
 </head>

 <body>
	<div class="one" id="one">
		id为one,class为one的div
		<div class="mini">class为mini</div>
	</div>
	
	<div class="one" id="two" title="test">
		id为two，class为one,title为test
		<div class="mini" title="other">class为mini,title为other</div>
		<div class="mini" title="test">class为mini，title为test</div>
	</div>

	<div class="one">
		<div class="mini">class为mini</div>
		<div class="mini">class为mini</div>
		<div class="mini">class为mini</div>
		<div class="mini"></div>
	</div>
	
	<div class="one">
		<div class="mini">class为mini</div>
		<div class="mini">class为mini</div>
		<div class="mini">class为mini</div>
		<div class="mini" title="test">class为mini,title为test.</div>
	</div>

	<div style="display:none;" class="one">
		style的display为"none"的div
	</div>

	<div class="hide">
		class为"hide"的div
	</div>

	<div>
		包含input的type为"hidden"的div<input type="hidden" size="8"/>
	</div>
	<span id="mover">正在执行动画的span元素</span>
 </body>
</html>

   运行结果 如下：

 

 

分享到：
| 虚拟机上网设置与更改
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics