問題一: javaScript中window.onload和jquery中document.ready()的區別:
兩者的區別主要有以下兩點:
- 在頁面中onload()只能使用一次,而jquery中的document.read()可以多次使用.
- document.ready()函數在頁面Dom元素加載完成以后就會別調用,eronload()函數是在所有資源(包括圖像.音頻加載完畢之后才會調用).
問題二: jquery中哪幾類型的選擇器.
- 基本選擇器:直接根據id css類名 元素名返回匹配的dom元素
- 層次選擇器:也加做路徑選擇器,可以根據路徑層次來選擇相應的Dom元素.
- 過濾選擇器:在前面的基礎上過濾相關條件,得到匹配的dom對象
問題三:畫出dom對象結構圖
- 這個問題首先要知道什么是dom:Document object Model,文檔對象模型.表示文檔(如HTML標記)的應用程序接口(API).它提供了文檔中獨立元素的結構化 ,對象化的表示方法,并允許通過對象的屬性和方法訪問這些對象.
- HTML DOM節點:在DOM模型中,每個部分都是節點.
1.文檔本身是一個節點.
2.所有HTML元素是元素節點
3.所有HTML屬性是屬性節點
4.所有HTML文本是文本節點 - HTML DOM對象有:HTML Dom Document對象 HTML Dom Element對象 HTML Dom Attribute對象 HTML Dom Event對象.
1.Document對象:每一個載入瀏覽器的頁面都會成為一個Document對象,它使我們可以通過腳本訪問HTML文檔中任意元素.它也是BOM模型中window對象的眾多屬性之一.
2.Element對象:Element對象可以擁有我元素節點,文本節點和注釋節點的子節點.
3.NodeList對象:表示節點列表,比如HTML元素的子節點集合.
4.Attribute對象:表示HTML屬性,HTML屬性始終屬于HTML元素.
5.Event對象:Event對象表示事件狀態.事件的狀態有事件在其中發生的元素.鼠標的坐標 鼠標點擊 鍵盤按鍵事件一般和函數結合起來使用.
dom結構圖.jpg
- DOM中獲取文檔中指定元素的方法有兩種：
1.通過遍歷，但是此方法較為繁瑣.
2.通過Document對象的方法。有兩個方法可以獲取元素。通過元素的Id屬性和name屬性獲取元素。
(1)document.getElementById("userid");//返回一個元素
(2)document.getElementByName("userName")[0];//返回一個數組
問題四:jq中工廠函數有幾種用法，舉例說明
1.在參數中使用標記名
$("div"): 表示獲取文檔中全部<div>
2.在參數 中使用id
("#username") 表示獲取的是id名為username的元素
3.在參數中使用css類名
$(".btn_grey") 表示獲取文檔中使用css類名為btn_grey的所有元素
問題五 :請寫出js中onclick屬性驅動函數代碼和jq中click()方法驅動函數代碼有什么區別，需要注意什么？
- click()方法是封裝的onclick 在執行click方法是會觸發onclick事件
- onclick是一個事件 click是一個方法.
如果有問題歡迎交流!!!
