jquery的DOM與事件

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

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

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

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

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

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

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

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

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

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

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

如何設(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)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

怎樣讓瀏覽器變成編輯器

簡單的冒泡以及雙向冒泡排序案列

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