jquery的DOM與事件
發表時間:2023-12-23 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這次給大家帶來jquery的DOM與事件,使用jquery的DOM與事件的注意事項有哪些,下面就是實戰案例,一起來看一下。說說庫和框架的區別?框架和類庫最重要的區別是控制權的反轉?蚣芫拖褚粋模具,它需要你把原材料放在模具里面,然后成品就出來了,由于模具已經造好,所以原材料不能亂加,人家要什么你就...
這次給大家帶來jquery的DOM與事件,使用jquery的DOM與事件的
注意事項有哪些,下面就是實戰案例,一起來看一下。
說說庫和框架的區別?
框架和類庫最重要的區別是控制權的反轉?蚣芫拖褚粋模具,它需要你把原材料放在模具里面,然后成品就出來了,由于模具已經造好,所以原材料不能亂加,人家要什么你就給什么,控制權在模具。但是類庫就不一樣了,控制權在你手中,想實現什么功能就實現什么功能,類庫只是幫你封裝好了大量實用的函數,幫助你實現自己的目的,你要做的只是根據自己的需要合適地調用這些函數。
jquery 能做什么?
操作文檔對象、選擇DOM元素、制作動畫效果、事件處理、使用Ajax以及其他功能。除此以外,jQuery提供API讓開發者編寫插件。其模塊化的使用方式使開發者可以很輕松的開發出功能強大的靜態或動態網頁。
jquery 對象和 DOM 原生對象有什么區別?如何轉化?
區別:
1、jquery選擇器得到的jquery對象和標準的 javascript中的document.getElementById()取得的dom對象是兩種不同的對象類型,兩者不等價;
2、jQuery無法使用DOM對象的任何方法,同理DOM對象也不能使用jQuery里的方法. 亂使用會報錯。
如何轉化:
jQuery對象轉成DOM對象---兩種轉換方式:
1、jQuery對象是一個數據對象,通過[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對象轉成jQuery對象:
對于DOM對象,只需用$()把DOM對象包裝起來,就可得到jQuery對象
如:
var v=document.getElementById("v"); //DOM對象
var $v=$(v); //jQuery對象
jquery中如何綁定事件?bind、unbind、delegate、live、on、off都有什么作用?推薦使用哪種?使用on綁定事件使用事件代理的寫法?
通過jquery提供的api進行事件綁定。
bind:為一個元素綁定一個事件處理程序。
unbind:從元素上刪除一個以前附加事件處理程序。
delegate: 向匹配元素的當前或未來的子元素附加一個或多個事件處理器。
live: 為當前或未來的匹配元素添加一個或多個事件處理器
on:在選定的元素上綁定一個或多個事件處理函數。
off:移除一個事件處理函數。
推薦使用on,off。
on的用法:.on( events [, selector ] [, data ], handler(eventObject) )
jquery 如何展示/隱藏元素?
使用show(),hide()來展示和隱藏元素。
jquery 動畫如何使用?
通常情況下使用.animate()來進行自定義動畫。
如何設置和獲取元素內部 HTML 內容?如何設置和獲取元素內部文本?
使用$(‘selector’).html()獲取HTML內容,$(‘selector’).html(value)設置HTML內容使用
$(‘selector’).text()獲取元素內部文本,$(‘selector’).text(value)設置文本內容
如何設置和獲取表單用戶輸入或者選擇的內容?如何設置和獲取元素屬性?
$(‘selector’).val()獲取表單內容
$(‘selector’).val(val)設置表單內容
$(‘selector’).attr(attributeName)獲取元素屬性
$(‘selector’).attr(attributeName,value)設置元素屬性
$(‘selector’).removeAttr(attributeName)移除屬性
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
怎樣讓瀏覽器變成編輯器
簡單的冒泡以及雙向冒泡排序案列
以上就是jquery的DOM與事件的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。