jquery屬性操作

1.獲取HTML代碼/文本/值
html([val|fn])
獲取html()或設置元素的html值html(sth)
text([val|fn])
text 獲取或設置元素的文本值同上
val([val|fn|arr])
val 獲取或設置元素的value值同上
類似js裏面的innerHTML innerText value
均可以加回調函數 fn(index,舊值)return 新值
2.css()操作元素css樣式

$("button").css("border")//獲取
$("button").css("color","red");//設置
$("button").css({
                color:"blue",
                backgroundColor:"red",
                borderWidth:"10px"
            });//設置多個css屬性

3.jquery屬性操作
attr(name|pro|key,val|fn)
removeAttr(name)
prop(n|p|k,v|fn)
removeProp(name)
attr(name) prop(name)獲取元素的屬性 獲取只能獲取一個
attr(name,sth) prop(name,sth)設置元素的屬性 可以設置多個
二者區別是均能設置自定義屬性 但是attr是顯性的 prop不顯示 設置屬性之後看不見 data在設置屬性時同prop 加回調函數的時候 均兩個參數(index,oldvalue),return 新值
設置多個如下

$("input:text").attr({
                value: "你好",
                type: "button"
            });

removeAttr(name) removeProp(name)
都可以自帶的屬性也可以移除自定義屬性
removeAttr() 移除的是屬性
removeProp() 移除的是屬性值 但屬性還在undefined
4.css 類
addClass(class|fn) 一次添加多個類 中間使用空格隔開
removeClass([class|fn]) 如果移除裏面不寫參數 指的的全部移除 帶參移除指定類
toggleClass(class|fn[,sw])類別切換 你有這個類我刪除 沒有這個類就添加
添加多個類
jquery 優勢 jquery 可以進行鏈式操作 (可以進行連點)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章