關於jQuery中的attr和data問題
今天在使用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和data問題
相關推薦
jquery中attr和prop的區別
query 刪除 選中 明顯 w3c標準 例子 一個 模糊 cti 在高版本的jquery引入prop方法後,什麽時候該用prop?什麽時候用attr?它們兩個之間有什麽區別?這些問題就出現了。 關於它們兩個的區別,網上的答案很多。這裏談談我的心得,我的心得很簡單: 對於
jquery中attr和prop的區別淺析
大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled = "disabled",checked="checked",比如用attr("checked")獲取checkbox的checked屬性時選中的時候可以取到值,值為"check
jQuery 中 attr() 和 prop() 方法的區別
原文章地址: http://www.cnblogs.com/zhwl/p/3520162.html 結論: 根據官方的建議:具有 true 和 false 兩個屬性的屬性,如 checked, selected 或者 disabled 使用prop(),其他的使用
總結Jquery中獲取自定義屬性使用.attr()和.data()以及.prop()的區別
p.p1 { margin: 0.0px 0.0px 2.0px 0.0px; font: 14.0px ".PingFang SC" } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px ".PingFang SC" } p.p3 { margin:
jQuery 中attr prop和data之間的區別
先聊一聊data和prop、attr的本質區別吧 dataduix對屬性的值不是直接修改而是知識修改了快取的資料 例如: <input type="text" name="text1" id="txt1" placeholde
關於jQuery中的attr和data問題
字符串 lec 我們 更新 自定義屬性 val cto sele 今天 今天在使用data獲取屬性並且賦值時遇到一個小問題,寫下來防止以後再跳坑。 在使用jQuery獲取自定義屬性值時,我們習慣用 $(selector).attr(‘data-value‘);
jquery attr和data給元素添加自定義屬性
方式 data 情況 logs .cn strong 目前 es2017 tid 博主不才,將自己總結的寫在這裏,如有問題歡迎一起討論; jquery給一個元素添加自定義屬性目前見過兩種方式 方式一:attr 方式二:data 這兩種放方式都可以給元素添加自定義屬性 如:
淺談jquery中prop()和attr()
我們都知道,一般在jquery中設定屬性時要用到attr()方法,現在我們有一個效果,點選按鈕切換複選框的選中狀態,下面貼出html程式碼: <input type="checkbox" id="check"> <label>複選框</label> &
jQuery中prop()和attr()方法的測試和總結
對應單選按鈕和複選框的選中一般都是通過增加屬性checked="checked"來使選中,但是在使用jquery時遇到了一些問題,自己做了一個測試,大家可以借鑑下。 期望的結果是,勾選男,點選勾選女,再點選勾選男,依次類推。 性別:<input name="sex"
jQuery中prop和attr區別
元素 pro cti height 設置 let 數字 由於 led 問題 今天給一個button加onclick事件,由於最後button根據需要轉成字符串,因此不能使用jQurey.click(),只能給button添加onclick屬性的方式。 於是,$b
jquery中attr() 和 prop()的區別
開發十年,就只剩下這套架構體系了! >>>
JQuery中Attr與Prop的區別
between input 點擊 inpu rop pro -a 自定義 different 今天做一個用jquery控制input checkbox的選中和不選中賦值,開始attr一直出現莫名其妙的問題,首次能賦值,之後每次點擊完全沒效果。後面改用prop來做,功能正常。
jQuery中focusin()和focus()、find()和children()的差別
nes jquery ams rip 1.4 fadein ++ display his jQuery中focus()和focusin()、focus()和children()的差別 focus()和focusin() focus()和focusin
Jquery中attr()與prop()的區別
.com 數組 之間 也會 就是 選擇 意思 rec radio 在jQuery中,attr()函數和prop()函數都用於設置或獲取指定的屬性,它們的參數和用法也幾乎完全相同。但是,這兩個函數的用處卻並不相同。下面我們來詳細介紹這兩個函數之間的區別。 1、操作對象不同
jQuery中find和filter的區別
query spa com 區別 tex 自身 技術 ext inf 這是jQuery裏常用的2個方法。他們兩者功能是完全不同的,而初學者往往會被誤導。 首先 我們看.find()方法:現在有一個頁面,裏面HTML代碼為;程序代碼 <div class="css"&
JQuery 中this和$(this)獲取對象、操作DOM對象的元素屬性
class 獲取對象 clas details 對象 query 操作 active html $(‘.button‘).click(function () { var active = $(‘.buttons-tab a‘).children(‘input‘).at
Jquery中.attr與.prop的區別
time tran checkbox rtx rtt don www ado ID ☆ http://www.jb51.net/article/114876.htm http://www.365mini.com/page/jquery-attr-vs-pro
jquery中 $().click()和$(document).on('click','要選擇的元素',function(){})的不同
參考連結:https://www.cnblogs.com/sqh17/p/7746418.html 1. $(選擇器).click(fn) 當選中的選擇器被點選時觸發回撥函式fn。只針對與頁面已存在的選擇器。對動態建立的元素無效 2.$(document).on('cl
Jquery中attr與prop的區別詳解
當點選左上方那個checkBox時,要將下面的checkBox全部選中,我們的程式碼是這樣的 $("input[name='checkbox']").attr("checked",true); 然並卵,一點效果都沒有,後來換成這樣,好了 $(function(){ $("#all").c
jQuery中map和each的用法(jquery-1.12.1.js)
無意間看到一道奇葩的面試題:(大家猜猜執行結果) ["1","2","3"].map(parseInt); //[1, NaN, NaN] 看到執行結果執行結果,你是怎麼想的呢?猜對了麼?反正我是沒有!還是js小菜鳥的我,看傻眼了,這是什麼鬼?結果不應該是[1, 2, 3]麼?百