jquery對象和DOM原生對象有哪些區(qū)別

本文將為大家詳細(xì)介紹“jquery對象和DOM原生對象有哪些區(qū)別”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會更新不同的知識點(diǎn)，希望這篇“jquery對象和DOM原生對象有哪些區(qū)別”能夠給你意想不到的收獲，請大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識吧。

jquery是什么

jquery是一個簡潔而快速的JavaScript庫，它具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展、擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發(fā)網(wǎng)站。

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

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

jquery 對象和 DOM 原生對象有什么區(qū)別？如何轉(zhuǎn)化？
區(qū)別：
1、jquery選擇器得到的jquery對象和標(biāo)準(zhǔn)的 javascript中的document.getElementById()取得的dom對象是兩種不同的對象類型，兩者不等價；　
2、jQuery無法使用DOM對象的任何方法，同理DOM對象也不能使用jQuery里的方法. 亂使用會報錯。
如何轉(zhuǎn)化：
jQuery對象轉(zhuǎn)成DOM對象---兩種轉(zhuǎn)換方式：
1、jQuery對象是一個數(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:為一個元素綁定一個事件處理程序。
unbind:從元素上刪除一個以前附加事件處理程序。
delegate:   向匹配元素的當(dāng)前或未來的子元素附加一個或多個事件處理器。
live:   為當(dāng)前或未來的匹配元素添加一個或多個事件處理器
on:在選定的元素上綁定一個或多個事件處理函數(shù)。
off:移除一個事件處理函數(shù)。
推薦使用on，off。
on的用法：.on( events [, selector ] [, data ], handler(eventObject) )

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

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

如何設(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)移除屬性

如果你能讀到這里，小編希望你對“jquery對象和DOM原生對象有哪些區(qū)別”這一關(guān)鍵問題有了從實(shí)踐層面最深刻的體會，具體使用情況還需要大家自己動手實(shí)踐使用過才能領(lǐng)會，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道！