dssd

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#a{

}


</style>
</head>
<body>
<div id="a">2</div>
<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>
<p>p</p>
<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>
<form action="">
<label for="">Name:</label>
<input name="name"/>
<fieldset>
<label>Newsletter</label>
<input name="Newsletter"/>
</fieldset>
</form>
<input name="none"/>
<form action="">
<label for="">Name:</label>
<input name="name"/>
<fieldset>
<label>Newsletter</label>
<input name="Newsletter"/>
</fieldset>
</form>
<input name="none"/>
<form action="">
<label for="">Name:</label>
<input name="name"/>
<fieldset>
<label>Newsletter</label>
<input name="Newsletter"/>
</fieldset>
</form>
<input name="none"/>
<form action="">
<label for="">Name:</label>
<input name="name"/>
<fieldset>
<label>Newsletter</label>
<input name="Newsletter"/>
</fieldset>
</form>
<input name="none"/>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<input name="apple"/>
<input name="flower" checked="checked"/>
<table>
<tr>
<td>Header 1</td>
</tr>
<tr>
<td>Value 1</td>
</tr>
<tr>
<td>Value 2</td>
</tr>
</table>
<table>
<tr>
<td>Header 1</td>
</tr>
<tr>
<td>Value 1</td>
</tr>
<tr>
<td>Value 2</td>
</tr>
</table>
<table>
<tr>
<td>Header 1</td>
</tr>
<tr>
<td>Value 1</td>
</tr>
<tr>
<td>Value 2</td>
</tr>
</table>
<table>
<tr>
<td>Header 1</td>
</tr>
<tr>
<td>Value 1</td>
</tr>
<tr>
<td>Value 2</td>
</tr>
</table>
<p>p:lang(it)</p>
<ul>
<li> list item 1</li>
<li> list item 2</li>
<li> list item 3</li>
<li> list item 4</li>
<li> list item 5</li>
</ul>
<table>
<tr>
<td>Header 1</td>
</tr>
<tr>
<td>Value 1</td>
</tr>
<tr>
<td>Value 2</td>
</tr>
</table>
<h1>Header 1</h1>
<p>Contents 1</p>
<h2>Henader 2</h2>
<p>Conts 2</p>

<div class="myClass"></div>
<script src="./jquery-3.1.0.js"></script>
<script type="text/javascript">
$(function(){
$("#a").css({width:"100px",height:"100px",backgroundColor:"red"});
$("div");
$(".myClass");
$("*").css({width:100,height:100,backgroundColor:"green"});
$("div,span,myClass");
$("form input");
$("form > input");
$("form + input");
$("form ~ input");
$("li:first");
$("input:not(:checked)");
$("tr:even");
$("tr:odd");
$("tr:eq(1)");
$("tr:gt(0)");
$("P:lang(it)");
$("li:last");
$("tr:lt(2)");
$(":header").css("background","#EEE");


});

 

</script>

</body>
</html>

posted @ 2016-09-22 21:57  刘文武  阅读(81)  评论(0编辑  收藏  举报