jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何根据当前网址获取jQuery或Javascript来更改css?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的导航区域与我的内容一个单独的文件中,我使用PHP include将两者结合在一起.我希望导航区域链接根据活动的任何页面(即当前URL)更改颜色.所以我希望jQuery或 Javascript读取当前的URL(实际上只是文件名,如home.html),然后根据它编写CSs.

所以喜欢,
如果url = home.html,则为nav.home.BACkground->的change-css;蓝色

解决方法

你的情况下,你可以尝试这样的事情:

$("A").each(function () {
    if (this.href == document.URL) {
        $(this).addClass('active');
    }
});

如果href属性与当前文档URL匹配,则检查每个链接,如果它确实将类“active”添加到元素CSS类.

一个小警告:这只有在菜单中引用并在实际文档中使用的绝对URL完全匹配时才有效.
所以我们说当前的网址是http://example.org/dir/,然后< a href =“index.html”>将不会突出显示,因为它解析为http://example.org/dir/index.html. < a href =“/ dir /”>会匹配.
(确保整个站点的每个页面都使用相同的URL,无论如何都是很好的做法,例如搜索引擎优化和缓存代理)

使用的不同部分是:

> $(“A”)选择所有A元素(锚点).您可能希望通过选择菜单中的所有A元素来使其更加具体,例如: $(“#menu A”). [jQuery的]
> .each(funC)对每个选定的元素执行指定的函数.在该函数中,这将引用所选元素. [jQuery的]
> this.href返回absolute URI of the linked resource,而不是像您预期的那样返回HTML中指定的可能相对位置. [标准DOM]
> $(this).addClass(clzName)用于将CSS类添加到指定的元素. [jQuery的]

要确保$(“A”)找到所有元素,请在文档完全加载后(在$(document).ready()jQuery事件处理程序中执行它,或者使用BODY标记的onload属性).

大佬总结

以上是大佬教程为你收集整理的如何根据当前网址获取jQuery或Javascript来更改css?全部内容,希望文章能够帮你解决如何根据当前网址获取jQuery或Javascript来更改css?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。