<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"><!</span><span class="html">DOCTYPE</span> <span class="attr">html</span><span class="kwrd">></span></pre>
<pre><span class="kwrd"><</span><span class="html">html</span><span class="kwrd">></span></pre>
<pre class="alt"><span class="kwrd"><</span><span class="html">head</span><span class="kwrd">></span></pre>
<pre><span class="kwrd"><</span><span class="html">script</span> <span class="attr">src</span><span class="kwrd">="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"</span><span class="kwrd">></span></pre>
<pre class="alt"><span class="kwrd"></</span><span class="html">script</span><span class="kwrd">></span></pre>
<pre><script></pre>
<pre class="alt">$(document).ready(<span class="kwrd">function</span>(){</pre>
<pre> $(<span class="str">"p"</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"></</span><span class="html">script</span><span class="kwrd">></span></pre>
<pre class="alt"><span class="kwrd"></</span><span class="html">head</span><span class="kwrd">></span></pre>
<pre><span class="kwrd"><</span><span class="html">body</span><span class="kwrd">></span></pre>
<pre class="alt"><span class="kwrd"><</span><span class="html">p</span><span class="kwrd">></span>如果您点击我，我会消失。<span class="kwrd"></</span><span class="html">p</span><span class="kwrd">></span></pre>
<pre><span class="kwrd"><</span><span class="html">p</span><span class="kwrd">></span>点击我，我会消失。<span class="kwrd"></</span><span class="html">p</span><span class="kwrd">></span></pre>
<pre class="alt"><span class="kwrd"><</span><span class="html">p</span><span class="kwrd">></span>也要点击我哦。<span class="kwrd"></</span><span class="html">p</span><span class="kwrd">></span></pre>
<pre><span class="kwrd"></</span><span class="html">body</span><span class="kwrd">></span></pre>
<pre class="alt"><p><span class="kwrd"></</span><span class="html">html</span><span class="kwrd">></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>