鋒利的jquery-選取器

標籤：

 

1 jquery　　$(document).ready(function(){})　　可以簡寫成　　$(function(){}) 2 jquery 對象和DOM對像　　① jquery對象和DOM對象不能使用對方的方法　　一：jquery對象轉換成DOM對象　　　　① jquery對象為DOM對象的一個集合，可以通過下標[index],擷取 jquery對象內的DOM對象；　　　　②可以通過jquery提供的方法，$(‘#obj‘).get(index)擷取DOM對象；　　二：DOM對象轉換成jquery對象　　　　①使用$(DOM對象)將DOM對象封裝起來就可以了； 3 jquery與其他庫（衝突）　　jquery庫在其他庫之後匯入　　　　①可以通過jQuery.noConflict()方法移交$控制權給其他庫 （如prototype.js），可以用jquery（）作為製造工廠　　　　②還可以自訂備用名稱：var $j = jquery.noConflict()自訂捷徑　　　　③如果希望使用$,同時其他庫也使用$;　　　　　　a jquery.noConflict() //在外層轉移$符號控制權；　　　　　　   　　jquery(function($){　　　　　　　　　　繼續使用$（）方法；　　　　　　　　　　})　　　　　　b jquery.noconflict();　　　　　　　　(function($){　　　　　　　　     將$符作為形參傳入匿名函數內　　　　　　　　})（jquery）；　　jquery在其他庫之前置入　　　　可以直接使用方法，無須使用jquery.noconflict()方法； 4 jqueryDOM操作　　① jquery擷取的永遠是對象；　　　　若判斷某元素是否存在　　　　　　不能使用if（$("#tt")）{}　　　　而要判斷擷取的對象的長度　　　　　　if（$("#tt").length>0）{}5 jquery選取器中含有特殊符號的注意事項　　　　① 在含有特殊符號的選取器必須使用轉意符號\\　　　　eg: 擷取id為id#b的元素時　　　　　　$("#id\\#b")　　　　　　擷取id為id[1]的元素時　　　　　　$("#id\\[1\\]")6 jquery帶有空格的選取器　　　　① var $t_a=$(‘.test :hidden‘); //帶有空格的；後代選取器　　　　　　表示選區class為test的元素裡面的隱藏元素 　　　　② var $t_b=$(‘.test:hidden‘); //不帶有空格的；過濾選取器　　　　　　表示選擇隱藏的class為test的元素；　　　　　　ps（:contains(‘‘)選取器檢測的是過濾元素內的內容，只要含有匹配的內容則被選擇，只要我有，只要你要；；；選擇的元素依然符合是否帶有空格的規律）7 :last :last-child　　　　① :last擷取匹配集合中的最後一個元素　　　　② :last-child 若匹配集合中所有元素只有一個父元素則與：last相同；若為 幾個父元素的子項目的集合則：last-child選取的為子項目為父元素最後一個的元素集合

鋒利的jquery-選取器