<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题页</title>
<script src="jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
//选择器
$(function(){
$('p').click(function(){//隐式迭代,给所有的记录添加click事件
alert('lalala');
});
$('.warning').click(function(){//css样式选择器
alert('警告信息');
});
$(p,div,span,.menuitem).click(function(){//多条件选择器
});
//层次选择器
$("div li") //div下所有的li元素(后代、子代)
$("div > li") //div直接子元素
$(".menuitem + div")//样式为menuitem后面的第一个DIV
$(".menuitem ~ div")//样式为menuitem后面的所有DIV
});
</script>
</head>
<body>
<input type="button" id="btn"/>
<p>Apple</p>
<p>Banana</p>
<p>Center</p>
<p>Diside</p>
<p>En</p>
<div class="warning">警告！</div>
<div class="warning">警告！</div>
<div class="warning">警告！</div>
<div class="warning">警告！</div>
</body>
</html>