JQuery與DOM之間的關係

2021-07-24 16:00:21 字數 936 閱讀 9826

1.$(document).ready  和  window.onload 的區別

window.onload  

只能寫乙個,只會執行最後乙個

沒有簡化寫法

$(document).ready()  只需要把頁面中的dom樹載入出來就可以執行

可以寫多個 

簡寫 $(function(){})

作用是防止阻塞頁面

2.dom 物件

//通過dom方法獲得的物件就是dom物件

var p = document.getelementbyid('p');

alert(p.innerhtml); //11111

//dom物件中不能使用任何jquery中的方法,只能使用jquery方法

//jquery 物件不能使用dom物件中的方法,只能使用jquery的方法

//如果dom中的方法在jquery庫中被改寫過,那麼就可以使用dom物件的方法。比如length tostring

3.jquery物件 和 dom物件互相轉化

jquery物件---->dom物件

1.使用index 索引的啥意思

2.使用get(索引)的方法

alert(input[0].value);

alert(input.get(0).value);

//jquery 轉換成 dom 物件

//1.刻意使用索引,index

//2.使用get(index) 的方法

dom物件------>jquery物件

1.使用$() 把dom物件封裝起來

4.jquery 和其他js庫共存(不衝突)

使用jquery.noconflict() 方法釋放 $ 的權。當然,和引入的先後次序也有關係

在大型專案中,可能會用到不止乙個庫,比較常用

jquery是大小寫敏感的!!!!

jQuery物件與DOM物件之間的轉換

什麼是jquery物件?就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用jquery裡的方法。比如 test html 意思是指 獲取id為test的元素內的html 其中html 是jquery裡的方法 這段 等同於用dom實現 document.g...

jQuery物件與DOM物件之間的轉換

就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用jquery裡的方法。比如 test html 意思是指 獲取id為test的元素內的html 其中html 是jquery裡的方法 這段 等同於用dom實現 document.getelementbyi...

jQuery物件與DOM物件之間的轉換

什麼是jquery物件?就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用jquery裡的方法。比如 test html 意思是指 獲取id為test的元素內的html 其中html 是jquery裡的方法 這段 等同於用dom實現 document.g...