大家好,欢迎来到IT知识分享网。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript" src="jquery-1.7.js"></script> <style type="text/css"> li:hover{ color:red; cursor:pointer; background:blue; } </style> <script type="text/javascript"> <!-- $(document).ready(function(){ //给所有的li标签绑定一个单击事件(当点击的时候弹出li中的内容) //用bind方法绑定 //找到所有的li标签 并用each函数循环每一个li标签 $("li").each(function() { //给每一个li标签绑定click事件 $(this).bind('click',function(){ alert($(this).html()); }) }) }) //--> </script> </head> <body> <ul style="list-style-type:none"> <li>床前明月光</li> <li>疑是地上霜</li> <li>举头望明月</li> <li>低头思故乡</li> </ul> </body> </html>
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/49344.html