JQuery (簡化dom操作)

2021-06-29 01:22:32 字數 561 閱讀 9632

jquery本質是乙個js檔案,裡面是js常用功能的封裝。比如繫結事件,修改內容,修改樣式等。

$()是乙個函式,是jquery()的簡寫,它的一些過載函式見下。

$(elements)

將乙個或多個dom物件(原生js獲取到的dom物件)轉化為jquery物件。

$('#id1').html()  //返回id為id1的jquery物件,然後呼叫html()方法。此方法依然返回jquery物件,可以鏈式呼叫。

document.getelementbyid(「id1」).innerhtml;//等同於上一句

$(callback)

等同於$(document).redy(callback),dom文件載入完畢後再執行。例 $(function());

$(selector)

最常用的,根據選擇器選擇元素並轉化為jquery物件返回。

引用可以放在標籤對內或中最後的位置。

乙個例子:

JQuery (簡化dom操作)

jquery本質是乙個js檔案,裡面是js常用功能的封裝。比如繫結事件,修改內容,修改樣式等。是乙個函式,是jquery 的簡寫,它的一些過載函式見下。elements 將乙個或多個dom物件 原生js獲取到的dom物件 轉化為jquery物件。id1 html 返回id為id1的jquery物件,...

jQuery操作DOM物件

val 方法 作用 設定或返回表單元素的值,例如 input,select,textarea的值 獲取匹配元素的值,只匹配第乙個元素 selector val 這裡的val 是空值,尤其注意 設定所有匹配到的元素的值 selector val 具體值 text 方法 作用 設定或獲取匹配元素的文字內...

Jquery操作DOM節點

1 向dom節點中追加元素 結果 我想說 你好 結果 我想說 你好 prepend 向每個匹配元素內部前置元素 例如 我想說 p prepend 你好 結果 你好我想說 prependto 將所有匹配的元素前置到指定的元素中 例如 我想說 你好 prependto p 結果 你好我想說 after ...