使用jQuery操作HTML元素(二)

2021-09-02 02:18:30 字數 955 閱讀 7913

一.使用jquery獲取和設定html的屬性。

使用attr()方法可以獲取和設定匹配的html元素的指定屬性,

獲取html元素屬性的語法如下:

val=jquery物件.attr(屬性名);

attr()方法的返回值就是html的屬性值。

設定html元素屬性的語法如下:

jquery物件.attr(屬性名,屬性值);

多個屬性時,attr()

以鍵/值對的形式設定匹配元素的一組屬性。例如,可以使用下面的**設定所有的img元素的src.title.alt屬性。

$("img").attr({

src:"/images/hat.gif",

title:"jquery",

alt:"jquery logo"

使用attr()方法的例項:(在新視窗開啟網頁)

二.使用jquery刪除html的屬性。語法: jquery物件.removeattr(屬性名)

啟用

removeattr()和remove()的區別:

removeattr()移除屬性,remove()移除屬性的內容。

三.使用jquery在網頁中新增追加內容

1.向html元素追加內容

追加

我想說:我愛

你你好

2.在html元素的前面插入內容

語法:  jquery物件.before(追加內容)

3.在html元素的後面插入內容

語法:  jquery物件.after(追加內容)

在前面插入內容

在後面插入內容

如何使用jquery操作HTML

p1 這是一段文字 p 這是第二段文字 p div body 如何使用jquery加一段文字到html 中 怎麼加乙個p標籤 var a document.createelement p 怎麼加一段文字 var b document.createtextnode 這是第三段文字 把怎加的文字放入標籤...

JQuery操作簡單html元件

1 radio 處理 1.獲取選中值,三種方法都可以 input radio checked val input type radio checked val input name rd checked val 2.設定第乙個radio為選中值 input radio first attr chec...

jquery學習筆記 操作html

document ready function 獲取或設定html值 gethtml click function 獲取或設定表單框值 setinput click function getinput click function 獲取或設定屬性值 getinputtype click functi...