1. 程式人生 > 其它 >window.onload和$函式的區別,document中getElementById()等函式的用法,DOM物件轉換成jQuery物件

window.onload和$函式的區別,document中getElementById()等函式的用法,DOM物件轉換成jQuery物件

一.window.onload和$函式的區別:

1.window.onload是在所有元素(HTML頁面和CSS)載入完畢後再載入,$是在HTML(DOM結構)載入完後加載
2.window.onload不能同時編寫多個,如果有多個window.onload方法只能執行一個(最後一次賦值會掩蓋之前的賦值(只有最後一次賦值有效);
$(document).ready可以同時編寫多個,並都能執行

二.document.getElementById()等函式的用法

1.根據id返回物件:document.getElementById()
2.根據class返回物件:document.getElementsByClassName()
3.根據name返回物件:document.getElementsByName()
4.根據 "<" 後的標籤型別返回物件(<div></div>中就是div ):document.getElementsByTagName()
5.返回單個元素,css語法,*div #div div:document.querySelector()
6.返回集合:document.querySelectorAll()

三.DOM物件轉換成jQuery物件

只需要用$()函式將DOM物件包裝起來,就可以獲得jQuery物件,其方式為$(DOM物件)

轉換後可以任意使用jQuery中的方法

// 將id為txtName的DOM物件引用並賦值給一個變數
var txtName=document.getElementById("txtName")
// 定義一個jQuery變數,並將DOM物件轉換為JQuery物件
var $txtName=$(txtName)