JQuery的attr 與 val區別

2022-03-14 11:53:59 字數 663 閱讀 4559

attributename:需要獲取屬性的名稱。

獲取匹配集中第乙個元素的屬性值。1.6中attr返回屬性的值為undefined,如果沒有設定(set)。另外,.attr不應該在普通物件、陣列(array)、視窗(window)或者文件中(document)。如果需要獲取或者設定dom屬性,則應該使用.prop()方法。

使用.attr方法獲取元素屬性的值有兩個主要優點:

方便(convenience):這個方法可以在jquery物件上直接呼叫和串聯別的jquery的方法。

跨瀏覽器的一致性(cross-browser consistency):有報告說一些屬性值在跨瀏覽器時的不一致性,甚至在同一瀏覽器的不同版本上也有不一致性。.attr減少這種不一致性

獲取匹配集中第乙個元素當前的值。

.val()就去主要用來獲取表單中元素的值,例如input, select 或者textarea。

<

input

data-name

="user"

id="name"

value

="aaaa"

/>

$('#name').val() ;/* 'aaaa'*/

$('#name').attr('data-name'); /*user*/

JQuery中 attr 和 val 的區別

最近在專案中需要實現在 a 和 b 輸入框輸入數字後,自動將a和b的運算結果賦給 c 輸入框中,由於剛接觸jquery且知道 attr 和 val 都可以取值和賦值,所以這兩個方法也是隨便用,直到出了問題才發現事情並不簡單.先說結論再貼 分析 1.val 可以獲取手動輸入的值,attr 不可以 2....

jquery中html,text與val三者的區別

在jquery中val,text,html都能取到值,或加乙個引數來賦值,那麼它們有些什麼區別?下面我們來舉例說明 首先,html屬性中有兩個方法,乙個有參,乙個無參 1.無參html 取得第乙個匹配元素的html內容。這個函式不能用於xml文件。但可以用於xhtml文件,返回的是乙個string ...

jquery中attr 與prop 的區別

在jquery中,這兩個方法都是用來獲取元素的屬性的,他們的區別之處在 呢?我們知道,在html中,有部分屬性是只需要新增屬性名即可生效的,如checked,disable等,對於這些屬性,如果使用attr方法的時候難免會出意外,所以在1.6版本之後,jquery使用了新方法prop 來獲取他們,使...