大佬教程收集整理的这篇文章主要介绍了如何根据当前网址获取jQuery或Javascript来更改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,请注明来意。