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標簽
.....待補完中
