|
样式：$(function (){ $("要选择的标签").click(function (){alert ("弹出对话框内容");}) }); 第一种：Id选择器 用法： 代码如下:
<head> <title></title> <script src ="Jq/jquery-1.4.2.js" type ="text/javascript" ></script> <script type ="text/javascript"> $(function (){ $("p").click(function (){alert ("小P");}) }); </script> </head> <body> <input type="button" value ="PlayGame" id="btnClick" /> <p>第一个</p> <p>第二个</p> </body> 说明：对所有<P>标签点击都有弹出对话框的提示 第二种：CSS选择器 代码如下:
<head> <title></title> <script src ="Jq/jquery-1.4.2.js" type ="text/javascript" ></script> <script type ="text/javascript"> $(function (){ $(".warning").click(function (){alert("这是警告信息");}); }); </script> <style type="text/css" > .warning{background-color :Yellow ;color :Red ;} </style> </head> <body> <p>没有警告</p> <div class ="warning " >请带好小孩</div> <p class ="warning ">再次警告你</p> <input class ="warning " type ="button" value ="别点啊" /> </body> 说明：对所有CSS样式为：.warning点击都有弹出对话框的提示 第三种：多条件选择器 代码如下:
<head> <title></title> <script src ="Jq/jquery-1.4.2.js"></script> <script type ="text/javascript" > $(function (){ $(".docc,p,#txt1").click(function (){alert ("不要上当啊");}) }) </script> <style type="text/css" > .docc{background-color :Fuchsia ;color :Olive ;} </style> </head> <body> <p>电脑热卖</p> <input type ="text" id="txt1" /> <input class ="docc" type ="button" value ="上当" /> <input type ="checkbox" /> </body> 说明：可以对多个同时选中做处理。 (责任编辑：admin) |