attr直接操作HTML属性,而data操作的是元素数据存储。 使用data可自动处理属性名的前缀(例如将data-user-id转化为userId)。 类图展示 下面是jQuery中attr和data的类图,帮助理解它们的关系。 jQuery+attr(name: String, value: String)+attr(name: String) : String+data(name: String, value: Any)+data(name: S...
$("div").data("lastValue") === 43; $("div").data("hidden") === true; $("div").data("options").name === "noahlu"; 虽然data()用来存数据挺方便的,它也是有过不堪回首的过去,如: Click me typeof $(‘#foo‘).data(‘key‘); jQuery 1.8之前的版本输出’number’,1.8版本之后...
/* *** attr()依赖的是Element对象的element.getAttribute( attribute ) 和 element.setAttribute( attribute, value ) *** */ // 相当于 msg.setAttribute("data_id", 145); $msg.attr("data_id", 145); // 相当于 msg.getAttribute("data_id"); var dataId = $msg.attr("data_id"); // 145...
//jquery data()方法var id = $("#getId").data("id"); //122var viceId = $("#getId").data("vice-id"); //11//赋值$("#getId").data("id","100");//100//jquery attr()方法var id = $("#getId").attr("data-id"); //122var viceId = $("#getId").attr("data-vice-i...
在上面的示例中,我们使用attr()方法设置元素的data-id属性的值为123。 6.获取元素的属性对象 attr()方法还可以用于获取元素的所有属性。为此,我们可以不传递任何参数。例如: ``` //获取元素的所有属性 var attributes = $('img').attr(); ``` 在上面的示例中,我们使用attr()方法获取元素的所有属性,并将它...
二、find获取属性为某值的元素 1.例如 …… hello …… hello 获取data-id="1099"的a标签: $(".demo").find("[data-id='1099']") 参考链接:jQuery中attr()方法的使用
("data_id", 145); $msg.attr("data_id", 145); // 相当于 msg.getAttribute("data_id"); var dataId = $msg.attr("data_id"); // 145 /* *** prop()依赖的是JS原生的 element[property] 和 element[property] = value; *** */ // 相当于 msg["pid"] = "pid值" 或 msg.pid = ...
和attr()类似,可以在页面生成时绑定数据,实际上是给元素添加名称为data-*的属性。 [html]view plaincopy 在JavaScript里,data()修改数据可以这样:data(key, value)和data(obj)。后者等同于data(key1, value1).data(key2, value2)。还有一种方式,如下 [javascript]view plaincopy vardata = $el.data(); d...
在 jQuery 中,attr()、prop() 和 data() 方法经常被用来获取和设置 HTML 元素属性。然而,很多人可能对它们之间的区别和用法感到困惑。本文将详细介绍这三个方法的区别以及使用方法。attr() 方法是 jQuery 中用于获取和设置 HTML 元素属性的方法。它可以获取单个属性值或者同时获取多个属性值。例如:```javascript...
$("div").data("options").name==="noahlu"; AI代码助手复制代码 从性能上对比,.prop() > .data() > .attr(),不同浏览器不同版本.data()和.attr()的性能关系有差异,不过.prop()总是最优的。 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》、《jQuery常用插件及...