JQuery 快速入門教程二

美元符号定義 jQuery

選擇符（selector）“查詢”和“查找” HTML 元素

jQuery 的 action() 執行對元素的操作

$(this).hide() - 隐藏目前元素

$("p").hide() - 隐藏所有段落

$("p.test").hide() - 隐藏所有 class="test" 的段落

$("#test").hide() - 隐藏所有 id="test" 的元素

1、$(this).hide() 示範 jQuery hide() 函數，隐藏目前的 HTML 元素。

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>script</code> <code>type="text/javascript" src="jquery-1.7.1.min.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;</code><code>script</code> <code>type="text/javascript"&gt;</code>

<code>$(document).ready(function(){</code>

<code>  </code><code>$("button").click(function(){</code>

<code>  </code><code>$(this).hide();</code>

<code>});</code>

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

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>button</code> <code>type="button"&gt;Click me&lt;/</code><code>button</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

 2、  jQuery hide() 函數，隐藏 id="test" 的元素。

$("#test").hide();

<code>  </code><code>$("#myID").hide();</code>

<code>&lt;</code><code>p</code><code>&gt;If you click on me, I will dispperar&lt;/</code><code>p</code><code>&gt;</code>

<code>&lt;</code><code>p</code> <code>id="myID"&gt;This is a paragraph.&lt;/</code><code>p</code><code>&gt;</code>

<code>&lt;</code><code>p</code><code>&gt;This is another paragraph.&lt;/</code><code>p</code><code>&gt;</code>

 3、$("p").hide() 表示隐藏所有 &lt;p&gt; 元素。

 4、 $(".test").hide()表示隐藏所有 class="test" 的元素。

<code>  </code><code>$(".myClass").hide();</code>

<code>&lt;</code><code>p</code> <code>class="myClass"&gt;This is another paragraph.&lt;/</code><code>p</code><code>&gt;</code>

 二、所有的JQuery函數都位于下面的函數中

$(document).ready(function(){

--- jQuery functions go here ----

});

本文轉自Work Hard Work Smart部落格園部落格，原文連結：http://www.cnblogs.com/linlf03/archive/2012/01/01/2309603.html，如需轉載請自行聯系原作者