jquery的DOM與事件

說(shuō)說(shuō)庫(kù)和框架的區(qū)別？
框架和類庫(kù)最重要的區(qū)別是控制權(quán)的反轉(zhuǎn)�？蚣芫拖褚粋�(gè)模具，它需要你把原材料放在模具里面，然后成品就出來(lái)了，由于模具已經(jīng)造好，所以原材料不能亂加，人家要什么你就給什么，控制權(quán)在模具。但是類庫(kù)就不一樣了，控制權(quán)在你手中，想實(shí)現(xiàn)什么功能就實(shí)現(xiàn)什么功能，類庫(kù)只是幫你封裝好了大量實(shí)用的函數(shù)，幫助你實(shí)現(xiàn)自己的目的，你要做的只是根據(jù)自己的需要合適地調(diào)用這些函數(shù)。

jquery 能做什么？
操作文檔對(duì)象、選擇DOM元素、制作動(dòng)畫(huà)效果、事件處理、使用Ajax以及其他功能。除此以外，jQuery提供API讓開(kāi)發(fā)者編寫(xiě)插件。其模塊化的使用方式使開(kāi)發(fā)者可以很輕松的開(kāi)發(fā)出功能強(qiáng)大的靜態(tài)或動(dòng)態(tài)網(wǎng)頁(yè)。

jquery 對(duì)象和 DOM 原生對(duì)象有什么區(qū)別？如何轉(zhuǎn)化？
區(qū)別：
1、jquery選擇器得到的jquery對(duì)象和標(biāo)準(zhǔn)的 javascript中的document.getElementById()取得的dom對(duì)象是兩種不同的對(duì)象類型，兩者不等價(jià)；　
2、jQuery無(wú)法使用DOM對(duì)象的任何方法，同理DOM對(duì)象也不能使用jQuery里的方法. 亂使用會(huì)報(bào)錯(cuò)。
如何轉(zhuǎn)化：
jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象---兩種轉(zhuǎn)換方式：
1、jQuery對(duì)象是一個(gè)數(shù)據(jù)對(duì)象，通過(guò)[index]的方法　　
如：

var $v = $("#v") ;    //jQuery對(duì)象　　
var v = $v[0]; //DOM對(duì)象　

　
2、jQuery本身提供，通過(guò).get(index)方法　　
如：

var $v = $("#v"); //jQuery對(duì)象　　
var v = $v.get(0); //DOM對(duì)象　

　
DOM對(duì)象轉(zhuǎn)成jQuery對(duì)象:　　
對(duì)于DOM對(duì)象，只需用$()把DOM對(duì)象包裝起來(lái)，就可得到j(luò)Query對(duì)象　
如：

var v=document.getElementById("v"); //DOM對(duì)象　　
var $v=$(v); //jQuery對(duì)象

jquery中如何綁定事件？bind、unbind、delegate、live、on、off都有什么作用？推薦使用哪種？使用on綁定事件使用事件代理的寫(xiě)法？
通過(guò)jquery提供的api進(jìn)行事件綁定。
bind:為一個(gè)元素綁定一個(gè)事件處理程序。
unbind:從元素上刪除一個(gè)以前附加事件處理程序。
delegate: 向匹配元素的當(dāng)前或未來(lái)的子元素附加一個(gè)或多個(gè)事件處理器。
live: 為當(dāng)前或未來(lái)的匹配元素添加一個(gè)或多個(gè)事件處理器
on:在選定的元素上綁定一個(gè)或多個(gè)事件處理函數(shù)。
off:移除一個(gè)事件處理函數(shù)。
推薦使用on，off。
on的用法：.on( events [, selector ] [, data ], handler(eventObject) )

jquery 如何展示/隱藏元素？
使用show(),hide()來(lái)展示和隱藏元素。

jquery 動(dòng)畫(huà)如何使用？
通常情況下使用.animate()來(lái)進(jìn)行自定義動(dòng)畫(huà)。

如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容？如何設(shè)置和獲取元素內(nèi)部文本？
使用$(‘selector’).html()獲取HTML內(nèi)容，$(‘selector’).html(value)設(shè)置HTML內(nèi)容使用
$(‘selector’).text()獲取元素內(nèi)部文本，$(‘selector’).text(value)設(shè)置文本內(nèi)容

如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容？如何設(shè)置和獲取元素屬性？

$(‘selector’).val()獲取表單內(nèi)容
$(‘selector’).val(val)設(shè)置表單內(nèi)容
$(‘selector’).attr(attributeName)獲取元素屬性
$(‘selector’).attr(attributeName,value)設(shè)置元素屬性
$(‘selector’).removeAttr(attributeName)移除屬性

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

怎樣讓瀏覽器變成編輯器

簡(jiǎn)單的冒泡以及雙向冒泡排序案列

以上就是jquery的DOM與事件的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！