1. 程式人生 > 實用技巧 >jquery基礎

jquery基礎

$(document).ready(function(){ // 在這裡寫你的程式碼... });

$(function($) { // 你可以在這裡繼續使用$作為別名... });


1. jquery在DOM結構渲染完畢就可執行內部程式碼,不必像js一樣等外部資源載入完成
2. 相當於js中的DOMContentLoaded
3. 不同於js中的load,load事件是等頁面文件,外部js檔案,css檔案,圖片載入完成才執行內部程式碼


jquery的頂級物件$:

$ = jquery,$是jquery的頂級物件,相當於js中的window。把元素通過$包裝成jquery物件,即可呼叫jquery方法。


jQuery物件和DOM物件:

1. DOM物件:用原生js獲取過來的就是DOM物件

var mydiv = document.querySelector("div");

2. jQuery物件:用jQuery方法獲取過來的就是jQuery物件(即通過$把dom元素進行包裝)

$("div");

3. DOM物件j只能使用js屬性和方法,jquery物件只能使用jquery方法


jQuery物件和DOM物件可以互相轉換:

1. DOM物件轉換為jquery物件

2. jquery物件轉換為DOM物件