使用 jQuery 获取不同元素的特定属性值

在获取 jQuery 属性值时,我实际上使用了这两种方法:一种简单直接,另一种智能高效。

第一种方式是直接在点击事件中获取属性值。
这个方法很简单,就像我去菜市场买菜,现在买,现在就煮。
看一下这段代码:
<脚本> $(文档).ready(函数() { $("a").click(函数(事件) { event.preventDefault(); var $a = $(this); var title = $a.attr("知道"); var 知道 = json[名称]; $("div.knowbody").(know); $("div.knowbody").toggle(); }); }); </脚本>
这里我给所有标签附加了一个点击事件。
单击以阻止默认转换,然后获取标签中“know”属性的值。
这个含义与湿市场食品的名称类似。
基于它我可以从json中找到相关内容并最终显示出来。

但是,尽管如此,这种方法类似于每次去菜市场买新鲜蔬菜。
使用的人越多,性能就无法维持。

第二种类似于超市:先购买并储存,使用时立即取货。
我写了优化的代码:
<脚本> $(文档).ready(函数() { $.getJSON("knowls.json", function(json) { $("a").each(function() { var $a = $(this); var title = $a.attr("知道"); var 知道 = json[标题]; $a.data("知道者", 知道者); }); });
$("a").click(函数(事件) { event.preventDefault(); var Knowl = $(this).data("knower"); $("div.knowbody").(know); $("div.knowbody").toggle(); }); }); </脚本>
这里我首先从服务器获取 JSON 数据,然后我逐一遍历标签并将内容以 json 形式存储在标签的 data 属性中。
这样,每次点击都会方便很多,并且可以以迅雷不及掩耳之势直接从数据中提取数据。

两种方法各有优点。
简单方法适合那些属性值不经常改变的人,而优化方法适合那些经常使用相同属性值的人。
最终,选择哪一种取决于您的具体情况。

jquery 选择器 怎样获取class='aaa'的DIV元素

昨天调试网页时,玩家点击了两次按钮,导致选中的角色突然穿了两件外套。
这是这个选择器的错误。
记得去年8 月,我还在北京。
当时项目比较急,靠着这个选择器,一下午就找到了模板中所有的嵌套元素。
我不记得具体数字了。
反正几个班级混在一起了。
最后发现添加了多余的类名,导致样式混乱。
等等,还有一件事。
有时候选择器太复杂,代码看起来很乱,而且很难调试。
我突然想到,我是不是可以试试用标签选择器配合id选择器,看看是不是可以更清晰一些呢? 反正现在前端的trick太多了,还是尽量高效的去做吧。

如何用Jquery获取某一个Div的Class或者ID

直接使用id获取属性:

Javascript $("d1 ").attr("id"); // 输出:d1
通过类获取属性:

Javascript $("div1 ").find(".c1 ").attr("id"); // 输出:d1