jQuery編程練習(xí)
請(qǐng)教各位，代碼錯(cuò)哪兒？
代碼:
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
? ? ? ? <title>挑戰(zhàn)題</title>
? ? ? ? <style type="text/css">
? ? ? ? ? ? .hide{
? ? ? ? ? ? ? ? display:none;
? ? ? ? ? ? }
? ? ? ? </style>
? ? </head>
? ??
? ? <body>
? ? <ul>
? ? ? ? <li>1111</li>
? ? ? ? <li>2222</li>
? ? ? ? <li>3333</li>
? ? ? ? <li>4444</li>
? ? ? ? <li class="hide">5555</li>
? ? ? ? <li class="hide">6666</li>
? ? ? ? <li class="hide">7777</li>
? ? ? ? <li class="hide">8888</li>
? ? ? ? <li>9999</li>
? ? </ul>
? ? ? ? <a href="#" >更多</a>
? ? ? ? <script language="javascript">
? ? ? ? $(function(){
? ? ? ? ? $("a").click((function(){
? ? ? ? ? ? ? var content=$("a").text();
? ? ? ? ? ? ? if(content=="更多")
? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? $("a").text("簡(jiǎn)化");
? ? ? ? ? ? ? ? ? $(".hide").css("display","list-item");
? ? ? ? ? ? ? }
? ? ? ? ? ? ? else{
? ? ? ? ? ? ? ? ? $("a").text("更多");
? ? ? ? ? ? ? ? ? $(".hide").css("display","none");
? ? ? ? ? ? ? }
? ? ? ? ? });
? ? ? ? });
? ? ? ? ??
? ? ? ? ? ??
? ? ? ? </script>
? ? </body>
</html>
2016-05-13
前后括號(hào)不對(duì)應(yīng)，前面多一個(gè)括號(hào)
2016-05-13
$("a").click((function(){,這里多了一個(gè)（,刪掉后?? ? $("a").click(function(){。就能運(yùn)行了