jquery基礎
阿新 • • 發佈:2020-08-15
$(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物件