jQuery中的元素操作

通過jquery可以操作控制元素的樣式,文字,屬性等

css操作行內樣式

// 獲取div的樣式$(

"div").
css(
"width");
$("div").
css(
"color");
//設定div的樣式$(
"div").
css(
"width"
,"30px");
$("div").
css(
"height"
,"30px");
$("div").
css(
);

選擇器獲取的多個元素，獲取資訊獲取的是第乙個，比如：$(「div」).css(「width」)，獲取的是第乙個div的width。

操作樣式類名

$("#div1").addclass(「divclass2」) //為id為div1的物件追加樣式divclass2

$("#div1").removeclass(「divclass」) //移除id為div1的物件的class名為divclass的樣式

$("#div1").removeclass(「divclass divclass2」) //移除多個樣式

$("#div1").toggleclass(「anotherclass」) //重複切換anotherclass樣式

1、html() 取出或設定html內容

// 取出html內容

var $htm =$(
'#div1').
html()
;// 設定html內容$(
'#div1').
html
('新增文字'
);

// 取出文字內容

var $htm =$(
'#div1').
text()
;// 設定文字內容$(
'#div1').
text
('新增文字'
);

var $src =$(

'#img1').

attr

('src');

$('#img1').

attr()

;//也可以使用者設定class屬性$(

'#abc').

attr

('class'

,'all'

)//也可以自定義 屬性$(

'#abc').

attr

('love'

,'iloveyou'

)2、removeattr()刪除屬性

$

('#abc').
removeattr
('class')$
('#abc').
removeattr
('love'
)

jQuery中的dom元素操作

操作元素的屬性 attr prop 1.獲取或設定元素的屬性值 attr console.log input type button attr value attr 乙個值時為獲取 input type button attr value web前端 attr 兩個值時為設定 console.log...

jQuery操作元素

對於元素屬性的操作 attr 屬性名 獲得屬性 如 a attr href 獲得鏈結的內容 removeattr 屬性名 刪除此屬性 如 a removeattr href 移除href屬性 2.對於元素內容的操作 dd html 獲得元素的html內容 dd html 哈哈哈 設定元素的html內...

jQuery操作元素

獲取內容 test text test html test val 獲取屬性 test attr href 設定或者修改屬性 attr disabled disabled removeattr checked input select在value值變化時可以呼叫不同的函式 change functi...