Jquery系列-Jquery选择器

来源：互联网发布：linux怎么定时任务编辑：程序博客网时间：2024/04/28 23:11

<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>