jQuery中prop的用法

2021-08-21 00:04:48 字數 2248 閱讀 1417

新增並移除名為 "color" 的屬性:

$("button").click(function());
prop() 方法設定或返回被選元素的屬性和值。

當該方法用於返回屬性值時,則返回第乙個匹配元素的值。

當該方法用於設定屬性值時,則為匹配元素集合設定乙個或多個屬性/值對。

注意:prop() 方法應該用於檢索屬性值,例如 dom 屬性(如 selectedindex, tagname, nodename, nodetype, ownerdocument, defaultchecked, 和 defaultselected)。

返回屬性的值:

$( selector).prop(

property)

設定屬性和值:

$( selector).prop(

property,value)

使用函式設定屬性和值:

$( selector).prop(

property,function(

index,

currentvalue))

設定多個屬性和值:

$( selector).prop() 引數

描述property

規定屬性的名稱。

value

規定屬性的值。

function(index,currentvalue)

規定返回要設定的屬性值的函式。

語法結構一:

當引數為屬性名稱時,此方法能夠匹配元素集合中,第乙個匹配元素指定屬性名稱的屬性值。

複製**

**如下:

$("selector").prop(name)

引數列表:

引數描述

name

定義要獲取其值的屬性名稱。

例項**:

例項一:

複製**

**如下:

以上**可以返回被選中的checkbox的屬性值。

例項**二:

複製**

**如下:

以上**中,由於li元素集合中第乙個li元素並沒有id屬性,所以返回值為空。

語法結構二:

以屬性的「名/值對」物件方式設定所有匹配元素的屬性值。

複製**

**如下:

$(selector).prop(properties)

引數列表:

引數描述

attribute:value

定義屬性名/值對

例項**:

例項一:

複製**

**如下:

以上**能夠將選中所有核取方塊。

例項二:

複製**

**如下:

歡迎來到指令碼之家

以上**可以設定td的寬度和高度。

語法三:

以屬性名/值對方式設定所有匹配元素的屬性值。

複製**

**如下:

$(selector).prop(key,value)

引數列表:

引數描述

key定義要設定值的屬性名稱。

value

定義要設定的屬性值。

例項**:

複製**

**如下:

指令碼之家歡迎您

以上**可以為div設定指定的樣式。

語法結構四:

通過函式返回值設定屬性值。

複製**

**如下:

$(selector).prop(name,function(index,oldvalue))

引數列表:

引數描述

name

定義要設定值的屬性的名稱。

function(index,oldvalue)

定義返回屬性值的函式

index - 可選,接受選擇器的索引位置。

class - 可選,接受選擇器的當前的屬性值。

例項**:

複製**

**如下:

指令碼之家歡迎您

jQuery中prop的用法

新增並移除名為 color 的屬性 當該方法用於返回屬性值時,則返回第乙個匹配元素的值。當該方法用於設定屬性值時,則為匹配元素集合設定乙個或多個屬性 值對。注意 prop 方法應該用於檢索屬性值,例如 dom 屬性 如 selectedindex,tagname,nodename,nodetype,...

JQuery中attr 和prop 用法和區別

jquery中用attr 方法來獲取和設定元素屬性,attr是attribute 屬性 的縮寫,在jquery dom操作中會經常用到attr attr 有4個表示式。1.attr 屬性名 獲取屬性的值 取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒...

JQuery中的prop 方法的使用

在之前的 jquery 版本中,都是使用 attr 來訪問物件的屬性,比如取乙個的 alt 屬性,就可以這樣做 img attr alt 但是在某些時候,比如訪問 input 的 disabled 屬性的時候,會有些問題。在有些瀏覽器裡,只要寫了 disabled 屬性就可以,有些則要寫 disab...