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的...