jQuery中的jQuery()方法用法分析_jquery

本文實例講述了jQuery中的jQuery()方法用法。分享給大家供大家參考。具體如下：

jQuery()方法的定義與用法:
此方法可以接受一組選擇器，用於匹配對應的元素。 例如:

複製程式碼 程式碼如下:

jQuery("div")

在實際應用中，一般用$定義jQuery，其實$就是jQuery的簡寫，例如$("li")可以寫成jQuery("li")。
jQuery的核心功能都是透過此方法實現的，或者說以某種方式使用此方法實作。下面就詳細介紹一下次方法的用法。
語法結構一:
當jQuery()方法沒有任何參數的時候，會回傳一個空jQuery物件。

複製程式碼 程式碼如下:

jQuery()

實例代碼:

複製程式碼 程式碼如下:

  點選查看效果

語法結構二:

複製程式碼 程式碼如下:

jQuery(selector,context)

參數列表:

参数	描述
selector	用来匹配元素的选择器。
context	可选。待查找的DOM元素集、文档或者jQuery对象。 如果没有指定，则就是当前整个文档。

如果沒有指定，則就是目前整個文件。

實例碼:
實例一:

複製程式碼 程式碼如下:

 

   
• DIV CSS專區

   
• jQuery專區

   
• HTML專區

 

 
• ASP專區

 
• 腳本之家歡迎您

太陽出來了

點選查看效果

以上程式碼能夠將li元素中的字體顏色設定為紅色。
實例二:

複製程式碼 程式碼如下:

 

   
• DIV CSS專區

   
• jQuery專區

   
• HTML專區

 

 
• ASP專區

 
• 腳本之家歡迎您

太陽出來了

點選查看效果

以上程式碼將div中li元素中的字體顏色設定為紅色。
語法結構三:
將DOM元素、DOM元素數組轉換成jQuery物件。

複製程式碼 程式碼如下:

jQuery(element|elementArray)

參數列表:

参数	描述
element	要转换成jQuery对象的DOM元素。
elementArray	要转换成jQuery对象的DOM元素数组。

實例碼:
實例一:

複製程式碼 程式碼如下:

 

   
• DIV CSS專區

   
• jQuery專區

   
• HTML專區

 

 
• ASP專區

 
• 腳本之家歡迎您

太陽出來了

點選查看效果

以上程式碼可以將id為first的li元素中的字體顏色設定為紅色。
實例二:

複製程式碼 程式碼如下:

 

   
• DIV CSS專區

   
• jQuery專區

   
• HTML專區

 

 
• ASP專區

 
• 腳本之家歡迎您

太陽出來了

點選查看效果

語法結構四:

複製程式碼 程式碼如下:

jQuery(callback)

jQuery(callback)是$(document).ready()的縮寫形式，在上面的幾個實例中都有使用。
它的作用是當文檔載入完成以後再去執行callback函數
參數列表:

参数	描述
callback	文档加载完成之后要执行的函数。

實例碼:

複製程式碼 程式碼如下:

複製程式碼 程式碼如下:

jQuery(function(){
    alert("文件載入完成了");
})

與下面程式碼功能是相同的:

複製程式碼 程式碼如下:

$(document).ready(function(){
    alert("文件載入完成了");
})

希望本文所述對大家的jQuery程式設計有所幫助。