DOM操作 以及this 與new

2021-09-25 19:47:53 字數 785 閱讀 6582

dom:是指 文件物件模型 主要是指用來操作html文件 (doucument object model)

dom 節點操作

操作dom樹

所有的節點都有父節點, 只有乙個節點沒有父元素(根節點)html

乙個節點可以有多個子節點,但乙個節點有且只有乙個父節點

this 與 new

在function我們會經常遇到this,下面總結了一些規律來判斷this的物件是誰:

全域性作用域中的this指向window;

this的區分:

1.函式執行,首先看函式名前面是否有』.』,有的話,』.'前面是誰this就是誰;沒有的話this就是window;

2.自執行函式中的this永遠是window;

3.給元素的某乙個事件繫結方法,當事件觸發的時候,執行對應的方法,方法中的this是當前的元素;

4.建構函式中的this.***=***,this指向例項化的物件。而某乙個屬性值(方法)中的this需要看方法執行的時候,

前面是否有『.』,才能知道this是誰

new我們使用 new 關鍵字來例項化物件,但是當我們new的時候,new操作符具體做了哪些事情呢?

new 操作符做的事情:

1.開闢記憶體空間,儲存新建立的物件( new object() )

2.把this設定為當前物件

3.執行內部**,設定物件屬性和方法

4.返回新建立的物件

學習jQuery記錄以及DOM操作

在shiyanlou平台學習中摘抄寫的筆記,以備檢視。所有操作必須引入jquery,怎麼引入參照上上上上篇部落格 var li ol li eq 0 eq 0 獲取第乙個li節點 var text li.text 獲取li文字內容var p p 獲取節點 var p text p.attr 屬性名 ...

JS中的DOM節點以及操作

操作屬性節點有兩種當時,一種是通過普通物件的方式來操作屬性節點,另外一種是通過屬性節點的方法來操作屬性節點。如果我們可以把元素節點當成普通物件來處理,通過 元素節點.屬性 或 元素節點 屬性 的方式來設定屬性。注意 設定類 class 只能用 classname 1.1 獲取屬性var img do...

jQuery常用屬性 方法 操作DOM以及擴充套件方法

特殊符號的轉義 class操作 內容操作 屬性操作 dom節點操作 jq的擴充套件方法 改變jq符號 從此zz就代表 let zz onconflict 1.網頁裡所有資源載入完成 可以走很多遍 window.onload 只走一遍2.網頁中dom結構載入完成 window.addeventlist...