jQuery--1

$(document).ready(function{});//網頁中所有的DOM效果繪製終了后就實行,能夠DOM元素關聯的東西並沒有加載完。
window.onload=function(){};//必需守候網頁中所有的內容加載終了后(包含圖片)才實行。

DOM對象和jQuery對象:
DOM對象:
var OUl=document.getElementById(“id”);//獵取DOM對象;
能夠經由過程JavaScript中的getElementById或許getElementsByTagName來獵取元素節點。像如許獲得的元素就是DOM元素。
jQuery對象:
$(“#foo”).html();//獵取id為foo的元素內的html代碼。
jQuery對象就是經由過程jQuery包裝DOM對象后發生的對象。
jQuery對象是jQuery獨佔的。假如一個對象是jQuery對象,那末就能夠運用jQuery里的要領。
在jQuery對象裡邊沒法運用DOM對象得任何要領。一樣,DOM對象也不能運用jQuery裡邊的要領。

jQuery對象和DOM對象的互相轉化:
定義變量的作風:
var $variable=jQuery對象;//假如獵取的是jQuery對象,那末變量前面加上$;
var variable=DOM對象;//獵取的是DOM對象

jQuery供應了兩種要領將一個jQuery對象轉化為DOM對象,即[index]和get(index);
(1)jQuery對象是一個累死數組的對象,能夠經由過程[index]的要領獲得響應的DOM對象。
jQuery代碼以下:
var $cr=$(“#cr”);//jQuery對象
var cr=$cr[0];//DOM對象
(2)另一種要領是jQuery自身供應的,經由過程get(index)要領獲得響應的DOM對象。
jQuery代碼以下:
var $cr=$(“#cr”);//jQuery對象
var cr=$cr.get(0);//DOM對象

DOM對象轉化jQuery對象;
var cr=document.getElementById(“cr”);//DOM對象
var $cr=$(cr);//jQuery對象
關於一個DOM對象,只需要用$()把DOM對象包裝起來,就能夠獵取一個jQuery對象了。轉換后,能夠恣意運用jQuery中的要領。

    原文作者:Melody
    原文地址: https://segmentfault.com/a/1190000014955719
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞