首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery练习题一

2012-10-10 
jQuery练习一ex-1.html!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/

jQuery练习一

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>

热点排行