运行 ❯
获取您
自己的
网站
×
更改方向
保存代码
更改主题,暗/亮
转到 Spaces
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"> </script> <script> $(document).ready(function(){ $("li").toggle( function(){$(this).css({"color": "red"});}, function(){$(this).css({"color": "blue"});}, function(){$(this).css({"color": "purple"});}, function(){$(this).css({"color": "turquoise"}); }); }); </script> </head> <body> <p>Click several times on each of the list items below:</p> <ul> <li>Phil Dunphy</li> <li>Luke Dunphy</li> </ul> <div><b>Note:</b> The toggle() method was deprecated in jQuery version 1.8, and removed in version 1.9. We have used an earlier version of jQuery (1.8 in the script tag), for this example to work.</div> </body> </html>