jqueryでこれらのコード行の違いは何ですか？

私はdivタグを持っています。このタグには "私はdivタグです"というコンテンツが含まれています。ユーザーがボタンをクリックしたときにこのdivを切り替えようとしていました。ここで私は私のコード行の違いを教えてoutput.please取得していますここでは、このようなコードを書くときjqueryでこれらのコード行の違いは何ですか？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>jquery effects (Hide,Animate,SlideDown,SlideUp)</title> 
    <style type="text/css"> 
     .togg 
     { 
      background-color: Aqua; 
     } 
    </style> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js"> 
       $(document).ready(function() { 
      $("p").click(function() { 
       $(".togg").toggle(); 
      }); 
     }); 

    </script> 
</head> 
<body> 
    <div class="togg"> 
     I am a Div Tag 
     <p> 
      hi Laxmi ! how r u?</p> 
    </div> 
</body> 
</html>

がhere.But出力を取得していない午前書いたコードがある

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>jquery effects (Hide,Animate,SlideDown,SlideUp)</title> 
    <style type="text/css"> 
     .togg 
     { 
      background-color: Aqua; 
     } 
    </style> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("p").click(function() { 
       $(".togg").toggle(); 
      }); 
     }); 

    </script> 
</head> 
<body> 
    <div class="togg"> 
     I am div Tag 
     <p> 
      hi Laxmi! how r u?</p> 
    </div> 
</body> 
</html>

出典

2011-01-18 Hemant Kumar

最初のコードにエラーがあります。 javacriptファイルを含めることはできません（src属性のパスをscriptタグに入れて）、その中にコードを挿入します。

2番目のコードを使用してください。

出典

2011-01-18 10:11:07 Darmen

ありがとうございます。このようなscritptファイルをホストされたサイトから追加しないと、私たちは論理を同じスクリプトに書くことはできますか？（function（）{ $（document（））{$（ "p"）}をクリックします。（ ".togg"）。toggle（）; }）; }）; –

いいえ、できません。コードを別の 'script'またはカスタムの外部jsファイルに入れてください。それをあなたのページにも含めてください。 – Darmen

コードの最初の行.. jqueryライブラリを正しく含めないでください。

2番目のものでは..あなたはそれを..後で使用します。正しい方法です。

出典

2011-01-18 10:08:57

非動作コードでは、jQueryにリンクする<script>タグの中にインラインJavaScriptがありますが、これは動作しません。

出典

2011-01-18 10:09:30 GoatInTheMachine

それは明らかだ：あなたはこの

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js"></script>

whith jqueryのスクリプトを含める必要があり、その後、あなたはあなたのコードを追加する別のスクリプトタグを必要とする：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("p").click(function() { 
      $(".togg").toggle(); 
     }); 
    }); 

</script>

が、そこで二番目のが正しいです。

出典

2011-01-18 10:10:51 bluish

jqueryでこれらのコード行の違いは何ですか？

答えて

関連する問題