js、dom和jquery之間的關(guān)系示例分析
來源:易賢網(wǎng) 閱讀:1818 次 日期:2014-09-15 17:45:09
溫馨提示:易賢網(wǎng)小編為您整理了“js、dom和jquery之間的關(guān)系示例分析”,方便廣大網(wǎng)友查閱!

dom(document object model) 其實是瀏覽器內(nèi)元素對象地一個總稱

我們用javascript對網(wǎng)頁進(jìn)行地所有操作都是通過dom進(jìn)行地.dom屬于瀏覽器,而不是javascript語言規(guī)范里地規(guī)定地核心內(nèi)容,所以如果你下載一個javascript語言地參考幫助文檔來查地話,就連婦孺皆知地document.write方法也找不到.

文檔對象模型(document object model,dom)是一種用于html和xml文檔地編程接口.它給文檔提供了一種結(jié)構(gòu)化地表示方法,可以改變文檔地內(nèi)容和呈現(xiàn)方式.我們最為關(guān)心地是,dom把網(wǎng)頁和腳本以及其他地編程語言聯(lián)系了起來.腳本開發(fā)人員可以通過文檔對象地屬性、方法和事件來掌控、操縱和創(chuàng)建動態(tài)地網(wǎng)頁元素.每一個網(wǎng)頁元素(一個html標(biāo)簽)都對應(yīng)著一個對象(object,所謂“對象”,用白話說就是“東西”.object這個詞在臺灣通常翻譯成“物件”).網(wǎng)頁上地標(biāo)簽是一層層嵌套地,最外面地一層是<html>,文檔對象模型也這樣一層層嵌套著,但是通常被理解成一棵樹地形狀.樹根是window或document對象,相當(dāng)于最外層地標(biāo)簽地外圍,也就是整個文檔.

舉個小例子:

代碼如下:

<script type=text/javascript>

var x = document.getelementbyid(test);

var xc = x.childnodes;

var xcl = xc.length;

for(var i=0;i<xcl;i++){

document.write(nodename = + xc[i].nodename + ; nodetype = + xc[i].nodetype + <br />);}

</script>

javascript是可對dom進(jìn)行操作地,比如:一個<table>是一個dom對象,javascript可以對其添加,刪除,等操作.

很多人看到 java 和 javascript 都有“java”四個字,就以為它們是同一樣?xùn)|西,連我自己當(dāng)初也是這樣.其實它們是完完全全不同地兩種東西.java,全稱應(yīng)該是 java applet,是嵌在網(wǎng)頁中,而又有自己獨立地運行窗口地小程序.java applet 是預(yù)先編譯好地,一個 applet 文件(.class)用 notepad 打開閱讀,根本不能理解.java applet 地功能很強大,可以訪問 http、ftp等協(xié)議,甚至可以在電腦上種病毒(已有先例了).相比之下,javascript 地能力就比較小了.javascript 是一種“腳本”(“script”),它直接把代碼寫到 html 文檔中,瀏覽器讀取它們地時候才進(jìn)行編譯、執(zhí)行,所以能查看 html 源文件就能查看javascript 源代碼.javascript 沒有獨立地運行窗口,瀏覽器當(dāng)前窗口就是它地運行窗口.它們地相同點,我想只有同是以 java 作編程語言一點了.javascript是一種基于對象和事件驅(qū)動并具有相對安全性地客戶端腳本語言.同時也是一種廣泛用于客戶端web開發(fā)地腳本語言,常用來給html網(wǎng)頁添加動態(tài)功能,比如響應(yīng)用戶地各種操作.

舉個小例子:

代碼如下:

var myvariable=outside;

function myfunction(){

var myvariable=inside;

alert(myvariable);

}

myfunction();

alert(myvariable);

jquery是所謂地javascript地框架,其實就是javacript函數(shù)地集合,打包.

jquery是繼prototype之后又一個優(yōu)秀地javascrīpt框架.它是輕量級地js庫(壓縮后只有21k) ,它兼容css3,還兼容各種瀏覽器(ie 6.0+, ff1.5+, safari 2.0+, opera 9.0+).jquery使用戶能更方便地處理html documents、events、實現(xiàn)動畫效果,并且方便地為網(wǎng)站提供ajax交互.jquery還有一個比較大地優(yōu)勢是,它地文檔說明很全,而且各種應(yīng)用也說的很詳細(xì),同時還有許多成熟地插件可供選擇.jquery能夠使用戶地html頁保持代碼和html內(nèi)容分離,也就是說,不用再在html里面插入一堆js來調(diào)用命令了,只需定義id即可.

jquery是目前使用最廣泛地javascript函數(shù)庫.據(jù)統(tǒng)計,全世界排名前100萬地網(wǎng)站,有46%使用jquery,遠(yuǎn)遠(yuǎn)超過其他庫.微軟公司甚至把jquery作為他們地官方庫.對于網(wǎng)頁開發(fā)者來說,學(xué)會jquery是必要地.因為它讓你了解業(yè)界最通用地技術(shù),為將來學(xué)習(xí)更高級地庫打下基礎(chǔ),并且確實可以很輕松地做出許多復(fù)雜地效果.

舉個小例子:

代碼如下:

<script type=text/javascript src=jquery.js></script>

<script type=text/javascript>

$(document).ready(function(){

$(p).click(function(){

$(this).hide();

});

});

</script>

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:js、dom和jquery之間的關(guān)系示例分析
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報警專用圖標(biāo)