果凍 的 程式備忘簿

$(誰).怎麼的時候.(去做什麼事情);

EX：$(document).ready(function(){

            $("p").click(function(){

                $(this).hide();

            });

        });

-----------------------------------------------------------------------------------------------------------

$("p").hide()                   隱藏所有<p>

$(".test").hide()              隱藏所有class="test"

$("#test").hide()             隱藏所有id="test"

$("p.intro")                     選取所有class="intro"的<p>

$("p#demo")                  選取id="demo"的第一個<p>

$("[href]")                       選取所有帶href屬性

$("[href!='#']")                選取所有帶href屬性值不等於#

$("[href$='.jpg']")           選取所有帶href屬性值以".jpg"結尾

$("p").css("background-color","red");

$("ul li=first")                  選取每個ul的第1個li元素

$("div #intro .head")       選取id="intro"的div所有class="head"

$('a[@href$=".pdf"]')      選取連結裡面有 .pdf 的連結

$("#myshow").show("fast").html("hello");

                                      ID=myshow的物件以快速顯示，並在其內寫入hello

$("*")                              選取所有物件

$("p,div,span.myclass") 選取p,div,所有class="myclass"的span

$("label+input")         選取最後一個<label></label>後的第一個input

$("label~input")         選取最後一個<label></label>後的所有input

$("tr:first")                 選取第一個<tr>

$("tr:last")                 選取最後一個<tr>

$("tr:not(:first)")        選取除了第一個<tr>之外的<tr>標籤

$("tr:not(:last)")        選取除了第一個<tr>之外的<tr>標籤

$("tr:even")              選取偶數的<tr>標籤

$("tr:odd")                選取奇數的<tr>標籤

$("tr:gt(1)")              選取第二個<tr>標籤之後全部的<tr>標籤。由0算起。

$("tr:lt(1)")               選取第二個<tr>標籤之前全部的<tr>標籤。由0算起。

$(":header")             選取h1,h2,h3等header

$(":animated")         選取所有正在進行的動畫

$("div:contains('text')")

                                選取有text文字的<dive>標籤

$("div:empty")          選取空的<div>標籤

$("tr:has(th)")           選取有<th>的<tr>標籤

$("td:parent")           選取有包含文字內容的<td>標籤

$("tr:hidden")            選取被隱藏的<tr>標籤

$("tr:visible")             選取顯示的<tr>標籤   

$(".mytr:visible")       選取class="mytr"的顯示物件

$("td[id]")                  選取有id的<td>

$("td[@class='test']")選取class='test'的<td>

$("a[href^='y']")         選取有y開頭的連結

$("a[href$='.com']")   選取結尾值是'.com'的連結

$("a[href*='y']")          選取內容含有y的連結

 

---------------------------------------------------------------------------------------------------

.ready(function)

.click(function)                 .dblclick(function)

.focus(function)               .blur(function)

.mouseover(function)     .mousedown(function)

.html(content)                  改變元素內部html

.append(content)             向被選取元素的(內部)html追加內容

.prepend(content)            向被選取元素的(內部)html預置(Prepend)內容

.after(content)                  向被選取元素的(內部)html之後添加html

.before(content)               向被選取元素的(內部)html之前添加html

.toggle("slow")                 自動反向執行，效果速度"slow"。

                                        速度可以分為(fast,normal,slow)也可以用微秒來表示，1000代表一秒,slow=600微秒,fast=200微秒。

.show()                             顯示。 show(speed,callback)：callback代表當效果完成時只執行一次的function。

.hide()                              隱藏。 hide(speed,callback)。

.animate(params,[duration],[easing],[callback])

                                       params:CSS語法。

                                       duration:slow；normal；fast 或 微秒。

                                       easing:內定值為linear和swing，要產生此效果需要外加Plugin(外掛)。

                                       callback:代表當效果完成時，只執行一次function。

.animate(params,options)

                                   params:css。         options:微秒。

.stop()                        終止目前指定符合條件的動畫效果。

 

http://www.w3school.com.cn/jquery/jquery_ref_events.asp

 

 

 

參考或是複製語法時，別忘了留個言喔 ^ ^ ~