摘要:網(wǎng)頁(yè)中所有的結(jié)果繪制完畢后就執(zhí)行,可能元素關(guān)聯(lián)的東西并沒(méi)有加載完。必須等待網(wǎng)頁(yè)中所有的內(nèi)容加載完畢后包括圖片才能執(zhí)行。對(duì)象就是通過(guò)包裝對(duì)象后產(chǎn)生的對(duì)象。代碼如下對(duì)象對(duì)象另一種方法是本身提供的,通過(guò)方法得到相應(yīng)的對(duì)象。
$(document).ready(function{});//網(wǎng)頁(yè)中所有的DOM結(jié)果繪制完畢后就執(zhí)行,可能DOM元素關(guān)聯(lián)的東西并沒(méi)有加載完。
window.onload=function(){};//必須等待網(wǎng)頁(yè)中所有的內(nèi)容加載完畢后(包括圖片)才能執(zhí)行。
DOM對(duì)象和jQuery對(duì)象:
DOM對(duì)象:
var OUl=document.getElementById("id");//獲取DOM對(duì)象;
可以通過(guò)JavaScript中的getElementById或者getElementsByTagName來(lái)獲取元素節(jié)點(diǎn)。像這樣得到的元素就是DOM元素。
jQuery對(duì)象:
$("#foo").html();//獲取id為foo的元素內(nèi)的html代碼。
jQuery對(duì)象就是通過(guò)jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象。
jQuery對(duì)象是jQuery獨(dú)有的。如果一個(gè)對(duì)象是jQuery對(duì)象,那么就可以使用jQuery里的方法。
在jQuery對(duì)象里邊無(wú)法使用DOM對(duì)象得任何方法。同樣,DOM對(duì)象也不能使用jQuery里邊的方法。
jQuery對(duì)象和DOM對(duì)象的相互轉(zhuǎn)化:
定義變量的風(fēng)格:
var $variable=jQuery對(duì)象;//如果獲取的是jQuery對(duì)象,那么變量前面加上$;
var variable=DOM對(duì)象;//獲取的是DOM對(duì)象
jQuery提供了兩種方法將一個(gè)jQuery對(duì)象轉(zhuǎn)化為DOM對(duì)象,即[index]和get(index);
(1)jQuery對(duì)象是一個(gè)累死數(shù)組的對(duì)象,可以通過(guò)[index]的方法得到相應(yīng)的DOM對(duì)象。
jQuery代碼如下:
var $cr=$("#cr");//jQuery對(duì)象
var cr=$cr[0];//DOM對(duì)象
(2)另一種方法是jQuery本身提供的,通過(guò)get(index)方法得到相應(yīng)的DOM對(duì)象。
jQuery代碼如下:
var $cr=$("#cr");//jQuery對(duì)象
var cr=$cr.get(0);//DOM對(duì)象
DOM對(duì)象轉(zhuǎn)化jQuery對(duì)象;
var cr=document.getElementById("cr");//DOM對(duì)象
var $cr=$(cr);//jQuery對(duì)象
對(duì)于一個(gè)DOM對(duì)象,只需要用$()把DOM對(duì)象包裝起來(lái),就可以獲取一個(gè)jQuery對(duì)象了。轉(zhuǎn)換后,可以任意使用jQuery中的方法。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/95143.html
摘要:構(gòu)成類數(shù)組對(duì)象,引入,并使其自增版本信息模擬數(shù)組,即這里構(gòu)成一個(gè)類數(shù)組對(duì)象由于這里把作為構(gòu)造函數(shù)調(diào)用,得到一個(gè)對(duì)象,所以我們把作為的原型。 本文簡(jiǎn)單實(shí)現(xiàn)jQuery框架,深入理解javascript對(duì)象。本文的對(duì)照版本是jQuery-1.2.6.js 本文注重jquery結(jié)構(gòu)設(shè)計(jì)思路,并不側(cè)重具體功能的實(shí)現(xiàn)以及兼容性和安全性的部分。 首先建立基本框架如下: (function(wind...
摘要:到目前為止,的貢獻(xiàn)者團(tuán)隊(duì)共名成員,多條,可想而知,是一個(gè)多么龐大的項(xiàng)目。參考源碼分析整體架構(gòu)源碼解析讀書(shū)筆記第二章構(gòu)造對(duì)象函數(shù)詳解本文在上的源碼地址,歡迎來(lái)。 歡迎來(lái)我的專欄查看系列文章。 決定你走多遠(yuǎn)的是基礎(chǔ),jQuery 源碼分析,向長(zhǎng)者膜拜! 我雖然接觸 jQuery 很久了,但也只是局限于表面使用的層次,碰到一些問(wèn)題,找到 jQuery 的解決辦法,然后使用。顯然,這種做法的...
摘要:通常的做法是,為它們指定回調(diào)函數(shù)。請(qǐng)求返回請(qǐng)求返回請(qǐng)求返回異步隊(duì)列解耦異步任務(wù)和回調(diào)函數(shù)為模塊隊(duì)列模塊事件提供基礎(chǔ)功能。 前言 jQuery整體框架甚是復(fù)雜,也不易讀懂,這幾日一直在研究這個(gè)笨重而強(qiáng)大的框架。jQuery的總體架構(gòu)可以分為:入口模塊、底層模塊和功能模塊。這里,我們以jquery-1.7.1為例進(jìn)行分析。 jquery的總體架構(gòu) 16 (function( window,...
摘要:最近想看一下源碼,搜到了這樣一篇博客從源碼學(xué)到的件事情本文基于這篇視頻博客,提煉了一些內(nèi)容,分享給大家。的狀態(tài)選擇符,比如存放在里面 最近想看一下jQuery源碼,搜到了這樣一篇博客《從jQuery源碼學(xué)到的10件事情》http://www.paulirish.com/2010/10-things-i-learned-from-the-jquery-source/ 本文基于這篇視頻博...
摘要:提高業(yè)務(wù)編程能力中提供了很多的方法基本都兼容,我們可以使用這些方法快速開(kāi)發(fā)項(xiàng)目中有的方法提供的思想可以讓我們把項(xiàng)目實(shí)現(xiàn)得更優(yōu)化提高基礎(chǔ)以及一些高級(jí)編程思想分析源碼,學(xué)習(xí)里面類庫(kù)封裝的思想和一些方法實(shí)現(xiàn)的原理有時(shí)間把中提供的常用方法都去實(shí)現(xiàn)一 jQuery 提高業(yè)務(wù)編程能力 JQ中提供了很多的方法(基本都兼容),我們可以使用這些方法快速開(kāi)發(fā)項(xiàng)目 JQ中有的方法提供的思想可以讓我們把...
閱讀 2760·2021-11-16 11:45
閱讀 1668·2021-09-26 10:19
閱讀 2062·2021-09-13 10:28
閱讀 2822·2021-09-08 10:46
閱讀 1547·2021-09-07 10:13
閱讀 1543·2019-08-30 13:50
閱讀 1383·2019-08-30 11:17
閱讀 1463·2019-08-29 13:18