jQuery 筆記

jQuery 筆記

接觸Jquery也快一年的時間了，一邊學一邊忘呀....做筆記吧

不知道JQUERY的朋友請點這_下載偶_

第一點呢

<script>
//語法一定是放在這裡面
</script>

///////////////////////////////////////////////////////

比較[1]

傳統JVAVSCRIPT

window.onload=function(){
//初始內容
}

以下是JQUERY的寫法

$(function(){
//初始內容
})

兩者的指令都是，當頁面被讀取時執行...

///////////////////////////////////////////////////////

比較2

傳統JVAVSCRIPT

選取ID
document.getElementById("指定的ID名稱")

以下是JQUERY的寫法

選取ID

$("#指定的ID名稱")

選取class

$(".指定的CLASS名稱")

選取標簽:如a,b,h3,div,span.....

$("指定的標簽名稱")

選取指定ID內所有指定標簽:

$("#ID稱 > div")

選取指定ID內,但不具有指定類別的標簽

$("#ID名稱 > div:not(.CLASS名稱)")

選取具有指定類別(CLASS)的標簽元素

$(".class名稱:eq(0)")
其實就是陣列關念,陣列都是由0開始的,所以上面語法相等於選取
具有指定類別名稱裡的第一個標簽
需注意一點ID具有唯一性所以無法以陣列方式表示
以上這個方法只適用於類別
$(".class名稱:odd")//指定偶數列
$(".class名稱:even")//指定奇數列
$("div:lt(4)")//選取至第5個DIV標簽
$("div:gt(4)")//選取第5個以後的DIV標簽
特殊:nth-child(1)則是由1開始
$("div span:nth-child(1)") //第一個DIV標簽內第一個span標簽

選取表單元素

$(":text")//選取type為text的表單欄位
$(":checkbox")//選取type為checkbox的表單欄位
$(":radio")//選取type為radio的表單欄位
$(":image")//選取type為image的表單欄位
$(":submit")//選取type為submit的表單欄位
$(":reset")//選取type為reset的表單欄位
$(":input")//選取type為input的表單欄位
$(":button")//選取type為button的表單欄位
$(":enabled")//選取type為enabled的表單欄位
$(":disabled")//選取type為disabled的表單欄位
$(":checked")//選取type為checked的表單欄位
$(":selected")//選取type為selected的表單欄位
綜合範例
$(":checkbox:disabled")//選取type為checkbox且為disabled的表單欄位

選取指定字串

$(":contains(指定字串)")
注意如果是英文則有分大小寫

DOM走訪專用

$("#指定ID").first() //選取指定ID的第一個物件
$("#指定ID + span") //選取指定ID後的span標簽
$("#指定ID").next() //選取指定ID的下一個物件
$("#指定ID").nextall()//選取指定ID以下全部物件
$("#指定ID").prev()//選取指定ID的上一個物件
$("#指定ID").prevall()//選取指定ID以上全部物件
$("#指定ID").end() //選取指定ID的最後一個物件
$(":empty") //選取內容為空的所有標簽
$("div:empty") //選取所有內容為空的DIV標簽
$("div:parent") //第一個DIV標簽





.....待補完中