1. 程式人生 > >【jQuery】jQuery的屬性和樣式

【jQuery】jQuery的屬性和樣式

注意:jQuery是一個集合,所有很多時候返回值也是一個集合

.attr

1.attr(傳入屬性名) 獲取屬性的值 2.attr(屬性名, 屬性值) 設定屬性的值 3.attr(屬性名,函式值) 設定屬性的函式值 4.attr(attributes) 給指定元素設定多個屬性值,即:{屬性名一: “屬性值一” , 屬性名二: “屬性值二” , … … }

.removeAttr()

.removeAttr( attributeName ) : 為匹配的元素集合中的每個元素中移除一個屬性

.html()

1.html() 獲取集合中第一個匹配元素的HTML內容 2.html( htmlString ) 設定每一個匹配元素的html內容 3.html( function(index, oldhtml) ) 用來返回設定HTML內容的一個函式

.text()

1.text() 得到匹配元素集合中每個元素的合併文字,包括他們的後代 3.text( textString ) 用於設定匹配元素內容的文字 3.text( function(index, text) ) 用來返回設定文字內容的一個函式 注意: html()和.text()方法不能使用在表單元素上,且html是針對的html內容(不僅僅是文字),按照dom的innerHTML屬性處理,text結果只是返回字串

.val() 處理表單元素的值

1.val(),獲取匹配的元素集合中第一個元素的當前值 2.val( value ),設定匹配的元素集合中每個元素的值 3.val( function ) ,一個用來返回設定值的函式 注意:

1.val()只能使用在表單元素上; 2.通過.val()處理select元素, 當沒有選擇項被選中,它返回null 3…val()方法多用來設定表單的欄位的值 4.如果select元素有multiple(多選)屬性,並且至少一個選擇項被選中, .val()方法返回一個數組,這個陣列包含每個選中選擇項的值

.addClass() 增添樣式類名

1.addClass( className ) : 增加的一個或多個樣式名(多個例子: .addClass(“intro note”)) 2.addClass( function(index, currentClass) ) : 這個函式返回一個或更多用空格隔開的要增加的樣式名

.removeClass( )方法 刪除樣式類名

.removeClass( [className ] ):移除的一個或多個用空格隔開的樣式名 .removeClass( function(index, class) ) : 一個函式,返回一個或多個將要被移除的樣式名 注意: 如果沒有樣式名作為引數,那麼所有的樣式類將被移除

.toggleClass( className) 切換樣式

.css(操作樣式使用很多)

獲取: .css(className ) :獲取匹配元素集合中的第一個元素的樣式屬性的計算值 .css( objectNames ):傳遞一組陣列,返回一個物件結果 設定: .css(propertyName, value ):設定CSS .css( propertyName, function ):可以傳入一個回撥函式,返回取到對應的值進行處理 .css( objectNames):可以傳一個物件,同時設定多個樣式 注意事項: 當一個數只被作為值(value)的時候, jQuery會將其轉換為一個字串,並添在字串的結尾處新增px,例如 .css(“width”,50}) 與 .css(“width”,“50px”})一樣