jQuery筆記之data方法

2022-08-14 20:09:16 字數 998 閱讀 1618

成品圖如下所示:

搭建html+css結構

add        sum

0

引入jquery檔案

開始寫js**

1

//模擬後端穿過來的資料

2var shoparr =[

3,,,

24];

25 shoparr.foreach(function (ele, index)).find('p') //

獲取轉殖後元素裡面的p標籤

32 .text(ele.name) //

付上文字 = name(名稱)

33 .next() //

獲取下乙個標籤

34 .text(ele.price); //

附上文字 = price(**)

35 oclonedom.insertbefore('.show'); //

把獲取的元素還有樣式放在類名為show的標籤上方

36})

點選button

38 $('.sum').text( +$('.sum').text() + $(this).parent().data('price') );

39//

不方便用文字表達,請看圖(點選圖)

40 })

點選圖     ↓

謝謝**,如有大佬路過請指出觀點!!!    謝謝**,如有大佬路過請指出觀點!!!  謝謝**,如有大佬路過請指出觀點!!!

繁星 jquery的data 方法

今天在看jquery文件的時候偶然看到了data 方法,覺得挺好用的,這裡做個記錄。這個方法用於在元素上存放資料,返回jquery物件。在文件中提到v1.4.3 新增用法new data obj 可傳入key value形式的資料。這個方法的用法如下 1 在乙個div上訪問資料 1 html 2 d...

zepto 和 jQuery 的data方法的區別

zepto坑之一,data和jquery的data方法有區別。眾所周知,data 方法很好用,而且效率相當不錯,如 tableid data style 就是讀取tableid上面的屬性data style的值。但是需要注意的點是 區分大小寫,且只能小寫,即,data 其中不管 是大小寫,讀取統一小...

關於Jquery中ajax方法data引數用法

data 傳送到伺服器的資料。將自動轉換為請求字串格式。get 請求中將附加在 url 後。檢視 processdata 選項說明以禁止此自動轉換。必須為 key value 格式。如果為陣列,jquery 將自動為不同值對應同乙個名稱。如 轉換為 foo bar1 foo bar2 示例 ajax...