jQuery 教程

<h5><strong>jQuery 是一個 JavaScript 庫。</strong></h5> <h5><strong>jQuery 極大地簡化了 JavaScript 編程。</strong></h5> <h5><strong>jQuery 很容易學習。</strong></h5> <h4>每一章中用到的實例</h4> <div class="csharpcode"> <pre class="alt"><span class="kwrd">&lt;!</span><span class="html">DOCTYPE</span> <span class="attr">html</span><span class="kwrd">&gt;</span></pre>

<pre><span class="kwrd">&lt;</span><span class="html">html</span><span class="kwrd">&gt;</span></pre>

<pre class="alt"><span class="kwrd">&lt;</span><span class="html">head</span><span class="kwrd">&gt;</span></pre>

<pre><span class="kwrd">&lt;</span><span class="html">script</span> <span class="attr">src</span><span class="kwrd">=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js&quot;</span><span class="kwrd">&gt;</span></pre>

<pre class="alt"><span class="kwrd">&lt;/</span><span class="html">script</span><span class="kwrd">&gt;</span></pre>

<pre>&lt;script&gt;</pre>

<pre class="alt">$(document).ready(<span class="kwrd">function</span>(){</pre>

<pre> $(<span class="str">&quot;p&quot;</span>).click(<span class="kwrd">function</span>(){</pre>

<pre class="alt"> $(<span class="kwrd">this</span>).hide();</pre>

<pre> });</pre>

<pre class="alt">});</pre>

<pre><span class="kwrd">&lt;/</span><span class="html">script</span><span class="kwrd">&gt;</span></pre>

<pre class="alt"><span class="kwrd">&lt;/</span><span class="html">head</span><span class="kwrd">&gt;</span></pre>

<pre><span class="kwrd">&lt;</span><span class="html">body</span><span class="kwrd">&gt;</span></pre>

<pre class="alt"><span class="kwrd">&lt;</span><span class="html">p</span><span class="kwrd">&gt;</span>若是您點擊我，我會消失。<span class="kwrd">&lt;/</span><span class="html">p</span><span class="kwrd">&gt;</span></pre>

<pre><span class="kwrd">&lt;</span><span class="html">p</span><span class="kwrd">&gt;</span>點擊我，我會消失。<span class="kwrd">&lt;/</span><span class="html">p</span><span class="kwrd">&gt;</span></pre>

<pre class="alt"><span class="kwrd">&lt;</span><span class="html">p</span><span class="kwrd">&gt;</span>也要點擊我哦。<span class="kwrd">&lt;/</span><span class="html">p</span><span class="kwrd">&gt;</span></pre>

<pre><span class="kwrd">&lt;/</span><span class="html">body</span><span class="kwrd">&gt;</span></pre>

<pre class="alt"><p><span class="kwrd">&lt;/</span><span class="html">html</span><span class="kwrd">&gt;</span></p><h4>您將學到什麼</h4><p>在本教程中，您將經過教程以及許多在線實例，學到如何經過使用 jQuery 應用 JavaScript 效果。<p>jQuery 是一個「寫的更少，但作的更多」的輕量級 JavaScript 庫。<p>基本上，您將學習到如何選取 HTML 元素，以及如何對它們執行相似隱藏、移動以及操做其內容等任務。</p></pre>

</div> <style type="text/css"> .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; }</style>