jquery 动态添加class属性

上周一位同事问我这段代码是否可行，所以我考虑了一下。

查看这行代码，您想要确定当前页面的 URL 是否为“1 .”。
如果是这样，请将“.active”添加到“.hexagon-in2 ”类中。
逻辑很简单。

但是，有一些事情您应该注意。
首先，这个location.href，它获取的是完整的URL还是只是路径的一部分？如果是完整的URL，可能需要进行处理，比如只比较路径部分，使用location.pathname或者location.pathname == '/1 .'。
其次，$()怎么写就是JQuery怎么写吧？如果页面中没有包含jQuery，就会报错。
三、怎么写 addClass 会继续添加'.active'，不会判断这个类之前是否存在。

去年在上海做活动时，我使用了 if(location.pathname.endsWith('/1 .')) 来满足类似的需求，然后使用不同的库来处理 DOM。
所以你看，这条看似简单的线实际上是需要根据某些情况进行调整的。

怎么用jquery得到某元素的class然后应用到另一元素上？

我记得有一次，我正在开发一个 Web 项目，需要在用户单击按钮后将一个列表项的样式更改应用到另一个列表项。
当时就想到了用jQuery来操作。
我编写了一个按钮、一个列表项 A 和一个列表项 B。
项目 A 有一个名为 bg_green 的类，项目 B 有一个名为 red 的类。

然后，我用 jQuery 编写了一个小脚本，使用 attr() 方法从项目 A 中提取类，然后使用 attr() 方法将该类分配给项目 B。
代码如下：
JavaScript $(文档).准备(函数(){ $('按钮').click(函数(){ var bgClass = $('A').attr('class'); $('B').attr('class', bgClass); }); });
保存文件，打开浏览器，一切看起来都很好。
点击按钮，B项的背景颜色变成绿色，和A项一样。
但是后来我发现，如果A项有多个类，那么使用attr()方法只会保留一个类。
这时，我意识到，如果项目 A 有多个类，使用 attr() 方法可能不是最佳选择。
于是，我又尝试使用addClass()方法，让B项保留了原来的红色类，并添加了一个bg_green类。

等等，我突然想到，如果这个方法可以用在其他地方，比如动态生成内容，岂不是让网页更加灵活？然而，这仅仅是开始，还有很多东西需要学习。

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

你好，说起这种获取属性名的方法，其实我在做前端开发的时候也用过不少。
我记得曾经接过一个项目，我必须在复杂的页面结构中找到特定元素的属性值。

当时页面上嵌套了好几层div。
要查找最内层 div 的某个属性，您必须首先找到其父 div。
当时我使用 jQuery 的 .find() 方法通过 or 来查找它。

例如页面结构是这样的：
<!-
这里是内部div的内容-->

如果我想获取内部div的id属性值，我可以这样写：
javascript $("div1 ").find("div").attr("id");
同样，如果我想获取内部div的class属性值，只需输入：
javascript $("div1 ").find("div").attr("class");
这种方法的好处是，无论你的页面结构多么复杂，只要知道上层的id或者class，就可以轻松找到下层元素，进而获取其属性。

但是说实话，有时候我感觉这个操作有点复杂，尤其是当页面结构特别复杂的时候。
然而，没有办法。
前端开发有时需要处理这些标签属性。
当时我不明白为什么这种方法如此受欢迎。
也许是因为它简单、直接、兼容。
我记得数据在X左右，但我建议你检查一下。