jQuery基本操作

2021-10-08 22:43:06 字數 2943 閱讀 7122

jquery新增標籤屬性

(

"div").

attr

("class");

// 返回文件中所有div元素的class屬性值$(

"div").

attr

("class"

,"box");

// 設定所有div的class屬性值為box$(

"div").

removeattr

("class");

// 刪除文件中所有div的class屬性 (不建議使用)$(

"img").

removeprop

("src");

// 刪除img的src屬性 (建議使用)

//attr屬性 prop是特性 屬性是包含特性的,特性關注的是狀態

// prop針對的是表單元素的 checked selected disabled$(

"input[type='checkbox']").

prop

("checked"

,true);

// 選擇所有被選中的核取方塊$(

"input[type='checkbox']").

prop

("checked"

,false);

// 選擇所有沒被選中的核取方塊

jquery新增標籤class

$

("div").

addclass

("selected");

// 為div元素加上class為 'selected' 類$(

"div").

removeclass

("selected");

// 從div元素中刪除class為 'selected' 類$(

"div").

toggleclass

("selected");

// 如果存在就刪除,否則就新增

html獲取值和寫入資訊操作

//.html()是用來讀取元素的html內容(包括html標籤);

//.text()用來讀取元素的純文字內容,包括其後代元素;

//.val()是用來讀取表單元素的」value」值;$(

'p')

.html()

;// 返回p元素的html內容$(

"p")

.html

("123!");

// 設定p元素的html內容$(

'p')

.text()

;// 返回p元素的文字內容$(

"p")

.text

("123");

// 設定p元素的文字內容$(

"input").

val();

// 獲取文字框中的值$(

"input").

val(

"123");

// 設定文字框中的內容

jquery對文件的處理

內部插入:$(

"p").(

"123");

// 在每個p元素內的最後面追加內容$(

"123").

("p");

// 將內容追加到p元素的最後面$(

"p")

.prepend

("123");

// 在每個p元素內的最前面追加內容$(

"123").

prependto

("p");

// 將內容追加到p元素的最前面

外部插入:

$

("div").

after

("123");

// 在同級div元素的最後插入內容$(

"div").

before

("123");

// 在同級div元素的最前面插入內容$(

"p")

.insertafter

("#box");

// 所有p元素插入到id為box元素的後面$(

"p")

.insertbefore

("#box");

// 所有p元素插入到id為box元素的前面

替換:

$

("p").

replacewith

("123");

// 將匹配到的所有p元素替換成123(可以是文件內容和標籤元素)$(

"123").

replaceall

("p");

// 將元素或內容替換給所有選中的p元素

刪除:

$

("div").

empty()

;// 刪除匹配的div元素中所有的子節點,不包括本身$(

"div").

remove()

;// 刪除所有匹配的元素,包括本身$(

"div").

detach()

;// 刪除所有匹配的元素(和remove()不同的是:所有繫結的事件、附加的資料會保留下來)

複製:

$

("p").

clone()

;// 生成被選元素的副本,包含子節點、文字和屬性$(

"p")

.clone

(true);

// 可選,布林值,規定是否複製元素的所有事件處理,預設地,副本中不包含事件處理器。

//就是如果複製過來的元素如果本身含有事件,引數為false的時候是不能複製過來的,複製過來的元素裡面不含有,預設是false,true是可以把事件複製過來。

jquery基本操作

終於像擠牙膏一樣開始了在的第一篇隨記,一直想寫博,又都沒時間 其實都是忽悠自已 經歷了乙個電商平台的開發,真心很疲憊,想休息下,但我不敢。今天若休息,明天呢,最終會發現一直是在自已忽悠自己。以前經常看別人的部落格,某些寫的真的很好,是書本上根本看不到的,現在我也要用部落格來記錄下我的所學所悟。以下是...

jquery 基本操作

id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id classname 兄弟元素選擇器...

jquery基本操作

終於開始了在的第一篇隨筆,一直想寫,又都沒時間 其實都是忽悠自已 經歷了乙個電商平台的開發,真心很疲憊,想休息下,但我不敢。今天若休息,明天呢,最終會發現一直是在自已忽悠自己。以前經常看別人的部落格,某些寫的真的很好,是書本上根本看不到的,現在我也要以此來記錄下我的所學所悟。以下是使用jquery的...