jQuery 屬性操作和樣式函式

2021-08-01 06:34:48 字數 2977 閱讀 6711

用於獲得或設定元素的dom屬性

方法描述

addclass()

向匹配的元素新增指定的類名。

attr()

設定或返回匹配元素的屬性和值。

hasclass()

檢查匹配的元素是否擁有指定的類。

html()

設定或返回匹配的元素集合中的 html 內容。

removeattr()

從所有匹配的元素中移除指定的屬性。

removeclass()

從所有匹配的元素中刪除全部或者指定的類。

toggleclass()

從匹配的元素中新增或刪除乙個類。

val()

設定或返回匹配元素的值。

attr() 方法設定或返回被選元素的屬性值。

根據該方法不同的引數,其工作方式也有所差異。

返回被選元素的屬性值。

語法

$(selector).attr(attribute)

attribute —— 規定要獲取其值的屬性。

設定被選元素的屬性和值。

語法

$(selector).attr(attribute,value)

attribute —— 規定屬性的名稱。

value —— 規定屬性的值。

設定被選元素的屬性和值。

語法

$(selector).attr(attribute,function(index,oldvalue))

attribute —— 規定屬性的名稱。

function(index,oldvalue) —— 規定返回屬性值的函式。該函式可接收並使用選擇器的 index 值和當前屬性值。

為被選元素設定乙個以上的屬性和值。

語法

$(selector).attr()

attribute:value —— 規定乙個或多個屬性/值對。

$("button").click(function

());

返回第乙個匹配元素的 value 屬性的值。

語法

$(selector).val()

$(selector).val(value)

value —— 設定 value 屬性的值。

$(selector).val(function(index,oldvalue))

function(index,oldvalue) —— 規定返回要設定的值的函式。

index —— 可選。接受選擇器的 index 位置。

oldvalue —— 可選。接受選擇器的當前 value 屬性。

當使用該方法返回乙個值時,它會返回第乙個匹配元素的內容。

語法

$(selector).html()

當使用該方法設定乙個值時,它會覆蓋所有匹配元素的內容。

語法

$(selector).html(content)

content —— 可選。規定被選元素的新內容。該引數可包含 html 標籤。

使用函式來設定所有匹配元素的內容。

語法

$(selector).html(function(index,oldcontent))

function(index,oldcontent) —— 規定乙個返回被選元素的新內容的函式。

index —— 可選。接收選擇器的 index 位置。

oldcontent —— 可選。接收選擇器的當前內容。

addclass() 方法

$(selector).addclass(class)

使用函式來新增類

$(selector).addclass(function(index,oldclass))

hasclass() 方法

$(selector).hasclass(class)

toggleclass() 方法

$(selector).toggleclass(class,switch)

使用函式來切換類

$(selector).toggleclass(function(index,class),switch)

addclass(value)

removeclass(value)

toggleclass(value)

css(name)

css(name, value)

height()

height(val)

width()

width(val)

方法描述

innerwidth()

方法返回元素的寬度(包括內邊距)

innerheight()

方法返回元素的高度(包括內邊距)

outerwidth()

方法返回元素的寬度(包括內邊距和邊框)

outerheight()

方法返回元素的高度(包括內邊距和邊框)

outerwidth(true)

方法返回元素的寬度(包括內邊距、邊框和外邊距)

outerheight(true)

方法返回元素的高度(包括內邊距、邊框和外邊距)

jQuery 屬性操作和CSS 操作

addclass attr hasclass html removeattr removeclass toggleclass val css p css color 取得第乙個段落的 color 樣式屬性的值 selector css name,value 設定所有匹配元素的指定 css 屬性 se...

jQuery屬性操作之類樣式操作

類樣式的操作 指對dom屬性classname進行新增 移除操作。比如addclass removeclass toggleclass selector addclass classname classname 型別 string 為每個匹配元素所要增加的乙個或多個樣式名 返回值 jquery 描述...

樣式操作和類操作

樣式操作 樣式屬性操作 css 作用 設定 獲取元素的樣式屬性值 1 設定樣式屬性操作 設定單個樣式 第乙個引數 樣式屬性名稱 第二個引數 樣式屬性值 設定多個樣式 引數為 物件 2 獲採樣式屬性操作 引數表示要獲取的樣式的屬性名稱 類操作1 新增類樣式 addclass 為指定元素新增類 注意 此...