要想获取元素的data属性值,我们可以使用jQuery的data方法。该方法接受一个参数,即要获取的属性名。例如,要获取上面div元素的data-id属性值,可以这样写: varid=$('#myDiv').data('id'); 1. 在上面的代码中,#myDiv是一个CSS选择器,表示要获取id为myDiv的元素。data方法会返回该元素的data-id属性值,并将其...
但是在select中我们却无法通过data方法获取data-*属性,而只能通过attr方法来获取,如: 王芳 刘晓晨 周子怡 $('#student').on('change',function(){ var id1 = $(this).find("option:selected").attr('data-id');//选中项的data-id var id2 = $(this).find("option:selected").data('id');//...
console.log(typeof user.getAttribute("data-id")); // string // 赋值 user.setAttribute("data-id", 777); // 新增属性 user.setAttribute("data-age", 23); // 删除属性 user.removeAttribute("data-user-name"); // 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16...
但是在select中我们却无法通过data方法获取data-*属性,而只能通过attr方法来获取,如: 王芳 刘晓晨 周子怡 $('#student').on('change',function(){ var id1 = $(this).find("option:selected").attr('data-id');//选中项的data-id var id2 = $(this).find("option:selected").data('id');//...
div").data("test",func); $("div").data("test")(); 输出结果是test 注意：data方法是jquery...
// 删除属性 delete user.dataset.userName; // 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 方式二: getAttribute/setAttribute/removeAttribute let user = document.querySelector("#user"); // 取值 console.log(user.getAttribute("data-id")); // ...
方法四:jQuery.data 注意:$.data()的值进行修改并不会影响到DOM元素上的data-*属性的改变 letuser=$("#user");// 取值console.log(user.data("id"));// 666console.log(user.data("user-name"));// Tom// 赋值user.data("id",777);// 新增属性user.data("age",23);// 删除属性user.removeD...