JQuery入門筆記

（4）新增元素

（5）刪除元素

（6）操作css類

（7）節點遍歷

（8）

"" id=
"runoob"
>菜鳥教程<
/a>
<
/p>
顯示 href 屬性的值<
/button>

alert($("#runoob").attr(「href」));顯示的結果是

$
("#btn1").
click
(function()
);$(
"#btn2").
click
(function()
);$(
"#btn3").
click
(function()
);

（1）設定乙個屬性

$
("button").
click
(function()
);

（2）設定多個屬性

$
("button").
click
(function()
);})
;

$
("button").
click
(function()
);})
;

$
("p").
("追加文字"
);

（2）prepend() 方法：在被選元素的開頭插入文字/html

$
("p").
prepend
("在開頭追加文字"
);

（3）新增多個新元素

function()

（4）after() 方法：在被選元素之後插入內容

$
("img").
after
("在後面新增文字"
);

（5）before() 方法：在被選元素之前插入內容

$
("img").
before
("在前面新增文字"
);

（6）新增若干新元素

function
aftertext()

（1）remove() 方法：刪除被選元素及其子元素（都刪除）

$
("#div1").
remove()
;

（2）empty() 方法：刪除被選元素的子元素（只刪除子元素）

$
("#div1").
empty()
;

（3）使用選擇器進行過濾刪除

下面的例子刪除 class=「italic」的所有

元素

$
("p").
remove
(".italic"
);

（1）addclass() 方法

在新增類時，您也可以選取多個元素：

$
("button").
click
(function()
);

也可以在 addclass() 方法中規定多個類：

$
("button").
click
(function()
);

（2）removeclass() 方法

在不同的元素中刪除指定的 class 屬性：

$
("button").
click
(function()
);

（3）oggleclass() 方法

對被選元素進行新增/刪除類的切換操作：

$
("button").
click
(function()
);

（4）css() 方法

1-返回 css 屬性

$
("p").
css(
"background-color"
);

2-設定 css 屬性

$
("p").
css(
"background-color"
,"yellow"
);

3-設定多個 css 屬性

$
("p").
css(
);

（1）parents() 方法：返回被選元素的所有祖先元素，它一路向上直到文件的根元素 ()

$
(document)
.ready
(function()
);})
;

（2）parentsuntil() 方法：返回介於兩個給定元素之間的所有祖先元素

$
(document)
.ready
(function()
);})
;

（3）children() 方法：返回被選元素的所有直接子元素

$
(document)
.ready
(function()
);})
;

也可以加上選擇器進行過濾：

$
(document)
.ready
(function()
);})
;

（4）find() 方法：返回被選元素的後代元素，一路向下直到最後乙個後代

1-返回屬於

後代的所有

元素：

$
(document)
.ready
(function()
);

2-返回

的所有後代：

$
(document)
.ready
(function()
);

（5）siblings() 方法：返回被選元素的所有同胞元素

1-返回

$
(document)
.ready
(function()
);

2-新增選擇器過濾，返回屬於

元素：

$
(document)
.ready
(function()
);

$
(document)
.ready
(function()
);

（7）nextall() 方法：返回被選元素的所有跟隨的同胞元素

$
(document)
.ready
(function()
);

（8）nextuntil() 方法：返回介於兩個給定引數之間的所有跟隨的同胞元素

返回介於

元素之間的所有同胞元素：

$
(document)
.ready
(function()
);

（9）prev(), prevall() & prevuntil() 方法

（10）first() 方法：回被選元素的首個元素

選取首個

元素內部的第乙個

元素：

$
(document)
.ready
(function()
);

（11）last() 方法：返回被選元素的最後乙個元素

選擇最後乙個

元素中的最後乙個

元素：

$
(document)
.ready
(function()
);

（12）eq() 方法：返回被選元素中帶有指定索引號的元素

索引號從 0 開始，因此首個元素的索引號是 0 而不是 1。下面的例子選取第二個

元素（索引號 1）：

$
(document)
.ready
(function()
);

（13）filter() 方法：規定乙個標準。不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回。

返回帶有類名「url」的所有

元素：

$
(document)
.ready
(function()
);

（14）not() 方法：返回不匹配標準的所有元素（not() 方法與 filter() 相反）

返回不帶有類名「url」的所有

元素：

$
(document)
.ready
(function()
);

jquery基礎入門

1.選擇某個元素按元素id id 如果id類似這種company.name，則是 company name 按元素css的class cssclass 如則是 separator 2.元素的顯示與隱藏 obj show obj hide 另外就是 hid toggle 0 表示所有css的cla...

jQuery入門知識

核心函式的4個作用根據傳給核心函式引數不同一共有以下四個作用重點 1.傳入引數為函式時在文件載入完成後執行這個函式 window.onload function 2.傳入引數為 html字串時根據這個字串建立元素節點物件 3.傳入引數為選擇器字串時根據這個字串查詢元素節點物件重要...

JQuery語法入門

jquery語法基礎語法 selector action 符號定義jquery本身。selector選擇符，查詢html元素。action動作執行對元素的操作。this hide jquery的hide 函式，隱藏當前的html元素。main hide jquery的hide 函式，隱藏id ma...

JQuery入門筆記

jquery基礎入門

jQuery入門知識

JQuery語法入門

相關推薦