認識jQuery及jQuery選擇器

記錄本身平時要注意的，如您看到哪裏錯誤，望指正

認識jQuery

jQuery對象和DOM對象

var domObj = document.getElementById("id")//DOM對象
var $Obj = $("#id")//jQuery對象

在jQuery對象中沒法使用DOM對象

jQuery對象和DOM對象的轉化

1. jQuery對象轉化成DOM對象
   
   jQuery對象是相似數組的對象,兩種轉換方法[index]和get(index)

   var $obj = $("#id");
   var domObj = $obj[0];
   或
   var domObj = $obj.get(0);

2. DOM對象轉化成jQuery對象
   
   對於一個DOM對象，只須要用$()把DOM對象包裝起來，就能夠得到一個jQuery對象。

   var domObj = document.getElementById("id");
   var $obj = $(domObj)

平時用到的jQuery對象都是經過$()函數製造出來的，$()函數就是jQuery對象的製造工廠

解決jQuery衝突問題

1. 在其餘庫以後導入

   jQuery.noConflict();
   jQuery(function(){
       jQuery("#id").....
       
   })
   //自定義快捷方式
   var $j = jQuery.noConflict();
   $j(function(){
       $j("#id").....
       
   })
   //使用$，但不衝突
   jQuery.noConflict();
   jQuery(function($){
       $("#id").....
       
   })
   //jQuery.noConflict();
   //(function($){
   //    $("#id").....
   //     
   //})

2. 在其餘庫以前導入
   無需調用jQuery.noConflict()

jQuery選擇器

$("selestor")獲取的永遠是對象，即便selector元素不存在。

：contains(text)

選取含有文本內容爲「text」的元素

：hidden

包括樣式屬性display爲「none」、文本隱藏域（<input type="hidden">）和visibility:hidden之類的元素

[attribute|=value] [attribute~=value]

| ：選取屬性等於給定字符串或以該字符串爲前綴的元素（跟「-」）

~ ：選取屬性用空格分隔的值中包含一個給定值得元素

:子元素過濾幾個區別

:nth-child：選擇父元素下的第index個子元素（index從1算起）
:eq(index)：值匹配一個元素

:first與:first-child、:last與:last-child 同理

選擇器含有空格的注意事項

加空格多是指後代元素