dog.name =
'哈士奇'
;console.
log(
'name:'
, dog.name)
;
dog[
'age']=
5;
console.
log(
'age:'
, dog[
'age'])
;
屬性節點: 在html標籤中新增的屬性就是屬性節點
var span = document.
getelementsbytagname
('span')[
0];span.
setattribute
('name'
,'nonono');
console.
log(
'span>>>'
,span.
getattribute
('name'))
;
屬性和屬性節點的區別：任何物件都有屬性，只有dom物件才有屬性節點
>
span
>
span
>
body
>
>
// 獲取
console.
log(
'attr>>>',$
('span').
attr
('class'))
;// 設定$(
'span').
attr
('class'
,'sun');
$('span').
attr
('age',66
);script
>
removeattr(): 刪除指定的屬性節點
會刪除所有找到的屬性節點
如果想刪除多個屬性節點可用空格隔開
>
span
>
span
>
body
>
>
// 刪除$(
'span').
removeattr
('age');
// 刪除多個$(
'span').
removeattr
('class name');
script
>
removeprop: 刪除屬性特點和reomveattr一樣
lang
="en"
>
>
charset
="utf-8"
>
>
jquery的prop方法title
>
src=
"../jquery-3.5.1.js"
>
script
>
>$(
function()
)script
>
head
>
>
class
="span1"
name
='rpg'
>
span
>
class
="span2"
name
='stg'
>
span
>
class
="span3"
name
='stg'
>
span
>
body
>
html
>
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
jquery文字值相關的方法title
>
src=
"../jquery-3.5.1.js"
>
script
>
>
*div
style
>
>$(
function()
btns[1]
.onclick
=function()
// text: 和原生js裡的innertext一樣
btns[2]
.onclick
=function()
btns[3]
.onclick
=function()
// val: 可以返回任意元素的值,包括select。如果多選，將返回乙個陣列，其包含所選的值。
btns[4]
.onclick
=function()
btns[5]
.onclick
=function()
})script
>
head
>
>
>
設定htmlbutton
>
>
獲取htmlbutton
>
>
設定textbutton
>
>
獲取textbutton
>
>
設定valuebutton
>
>
獲取valuebutton
>
>
div>
type
="text"
>
body
>
html
>
批量設定
$
('div').
css(
)
獲取css樣式值
console.
log($(
'div').
css(
'width'))
;
console.
log($(
'.box2').
position()
.left)
;
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
jquery位置和尺寸的操作方法title
>
src=
"../jquery-3.5.1.js"
>
script
>
>
*.box1
.box2
button
style
>
>$(
function()
btns[1]
.onclick
=function()
)}})
script
>
head
>
>
class
="box1"
>
class
="box2"
>
div>
div>
>
獲取button
>
>
設定button
>
type
="text"
>
body
>
html
>
jquery操作屬性
設定或返回被選元素的屬性值 img attr img attr title function 每乙個匹配的元素中刪除屬性 img removeattr src checked,selected屬性的設定和獲得應該使用該函式，返回值和設定值應該使用true和false 刪除由.prop 方法設定的屬性...
jquery 屬性操作
input attr value 獲取input的id input attr value 孫悟空 為input的value屬性設值為孫悟空 input attr 為input設定多個屬性 input attr value function 為input設定value屬性為方法返回值 input re...
Jquery 屬性操作
jquery 屬性操作 方法 selector addclass class button click function 2 removeclass 向匹配的元素移除指定的類名。定義和用法 removeclass 方法從被選元素移除乙個或多個類。注釋 如果沒有規定引數，則該方法將從被選元素中刪除所有...