jQuery练习题一
jQuery练习一
ex-1.html
ex-1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <script type="text/javascript" src="scripts/jquery-1.4.2.js"></script> <script type="text/javascript"> //点击任何一个 li 节点, 弹出其文本值 $(document).ready(function(){ //给 li 节点增加方法 $("li").click(function(){ alert($(this).text()) ; }) ; }) ; </script> </head> <body> <p>你喜欢哪个城市?</p> <ul id="city"> <li id="bj" title="Beijing">北京</li> <li>上海</li> <li>东京</li> <li>首尔</li> </ul> <br><br> <p>你喜欢哪款单机游戏?</p> <ul id="game"> <li id="ra">红警</li> <li>实况</li> <li>*飞车</li> <li id="war3">魔兽</li> </ul> </body> </html>