首頁 > web前端 > js教程 > jQuery中的jQuery()方法用法分析_jquery

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

WBOY
發布: 2016-05-16 16:24:12
原創
1401 人瀏覽過

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

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

複製程式碼 程式碼如下:
jQuery("div")

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

複製程式碼 程式碼如下:
jQuery()

實例代碼:

複製程式碼 程式碼如下:






jQuery()函數-腳本之家




 


語法結構二:

複製程式碼 程式碼如下:
jQuery(selector,context)

參數列表:

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

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

實例碼:
實例一:

複製程式碼 程式碼如下:






jquery()函數-腳本家





 

       
  • DIV CSS專區

  •    
  • jQuery專區

  •    
  • HTML專區

  •  



     
  • ASP專區

  •  
  • 腳本之家歡迎您


太陽出來了





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

複製程式碼 程式碼如下:






jquery()函數-腳本家





 

       
  • DIV CSS專區

  •    
  • jQuery專區

  •    
  • HTML專區

  •  



     
  • ASP專區

  •  
  • 腳本之家歡迎您


太陽出來了





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

複製程式碼 程式碼如下:
jQuery(element|elementArray)

參數列表:

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

實例碼:
實例一:

複製程式碼 程式碼如下:






jquery()函數-腳本家





 

       
  • DIV CSS專區

  •    
  • jQuery專區

  •    
  • HTML專區

  •  



     
  • ASP專區

  •  
  • 腳本之家歡迎您


太陽出來了





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

複製程式碼 程式碼如下:






jQuery()函數-腳本之家





 

       
  • DIV CSS專區

  •    
  • jQuery專區

  •    
  • HTML專區

  •  



     
  • ASP專區

  •  
  • 腳本之家歡迎您


太陽出來了





語法結構四:

複製程式碼 程式碼如下:
jQuery(callback)

jQuery(callback)是$(document).ready()的縮寫形式,在上面的幾個實例中都有使用。
它的作用是當文檔載入完成以後再去執行callback函數
參數列表:
参数 描述
callback 文档加载完成之后要执行的函数。

實例碼:

複製程式碼 程式碼如下:






jQuery()函數-腳本之家






複製程式碼 程式碼如下:
jQuery(function(){
    alert("文件載入完成了");
})

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

複製程式碼 程式碼如下:
$(document).ready(function(){
    alert("文件載入完成了");
})

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板