關於jQuery中的attr和data問題

2022-03-10 22:53:33 字數 526 閱讀 6024

今天在使用data獲取屬性並且賦值時遇到乙個小問題,寫下來防止以後再跳坑。

在使用jquery獲取自定義屬性值時,我們習慣用

$(selector).attr('data-value');

jquery賦值:

$(selector).attr('data-value','123456');

而data的取值:

$(selector).data('value');

data賦值:

$(selector).data('value','123456');

值得注意的是data,如果決定使用data就不要再使用attr,交叉混用是拿不出值的。因為data是單項繫結,返回的資料不會實時更新到dom。

如果真的需要更新dom上的自定義屬性值,那只能把data取出的值放入attr中,感覺很麻煩不是嗎?

另乙個小坑,如果dom中賦值是乙個字串true,使用data取出的卻是boolean true。

jquery中attr和prop的區別

在高版本的jquery引入prop方法後,什麼時候該用prop?什麼時候用attr?它們兩個之間有什麼區別?這些問題就出現了。關於它們兩個的區別,網上的答案很多。這裡談談我的心得,我的心得很簡單 上面的描述也許有點模糊,舉幾個例子就知道了。a href target self class btn a...

jQuery中的attr和prop區別

prop是高版本jquery中新加的方法,自己使用prop的起因是,得到radio和checkbox的狀態時,attr返回undefined。如果不顯示的設定radio的checked屬性,則通過getattribute得到的值就是undefined,但是radio物件本身有checked屬性,通過...

jquery中attr 和prop 的區別

在高版本的jquery引入prop方法後,什麼時候該用prop?什麼時候用attr?它們兩個之間有什麼區別?這些問題就出現了。關於它們兩個的區別,網上的答案很多。這裡談談我的心得,我的心得很簡單 上面的描述也許有點模糊,舉幾個例子就知道了。a href target self class btn a...