jQuery实现当前页面标签高亮显示的方法_jquery

本文实例讲述了jQuery实现当前页面标签高亮显示的方法。分享给大家供大家参考。具体实现方法如下:

function nav(name, csskey,cssvalue) {
  var url = window.location.pathname + window.location.search;
  var v1 = "";
  $(name).each(function () {
    v1 = "/" + $(this).attr("href");
    if (v1 == url) {
      var v2 = $(this).css(csskey, cssvalue);
    }
  })
}

用法如下:

<script src="Scripts/commo.js" type="text/javascript"></script>
<script type="text/javascript">
 window.onload = function () {
   nav(".top ul li a", "background-color", "rgb(255,89,0)");
 }
</script>

希望本文所述对大家的jQuery程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, 标签
, 方法
, 高亮显示
当前页面
jquery导航当前页高亮、jquery高亮显示当前页、jquery 当前菜单高亮、jquery实现li点击高亮、jquery 获取当前标签,以便于您获取更多的相关知识。

时间: 2024-08-02 21:26:19

jQuery实现当前页面标签高亮显示的方法_jquery的相关文章

jQuery实现当前页面标签高亮显示的方法

 这篇文章主要介绍了jQuery实现当前页面标签高亮显示的方法,涉及jQuery通过自定义函数操作css样式的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery实现当前页面标签高亮显示的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 function nav(name, csskey,cssvalue) { var url = window.location.pathname + window.location.sear

jQuery实现给页面换肤的方法_jquery

本文实例讲述了jQuery给页面换肤的方法.分享给大家供大家参考.具体分析如下: 给页面换肤的效果有不少同学做过,今天在逛blog时也发现一段使用jQuery换肤的代码,贴上与大家分享一下: $(document).ready(function(){ $('#styleSwitch .button').bind('click', function(){ $('body').removeClass(); //remove all the other classes $('#styleSwitch

Jquery跳到页面指定位置的方法_jquery

offset() (包含top left) 复制代码 代码如下: height() scrollTop $("body").scrollTop(**); 原理是修改页面的scrollTop. jquery动态效果:animate() 复制代码 代码如下: $("html,body").animate({ scrollTop: **}, 500); $("html,body").animate({ scrollTop: $().offset().t

jquery实现页面关键词高亮显示的方法

 这篇文章主要介绍了jquery实现页面关键词高亮显示的方法,实例分析了jQuery插件highlight实现高亮显示的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jquery实现页面关键词高亮显示的方法.分享给大家供大家参考.具体分析如下: 通过jquery对页面搜索关键词进行高亮显示 支持中文多词页面中高亮显示 1. JavaScript代码如下: 代码如下: jQuery.fn.extend({ highlight: function(search, configs

jQuery Mobile动态刷新页面样式的实现方法_javascript技巧

当我们使用Ajax或者javascript动态在页面上添加元素后,如添加select控件的option元素,添加ul的li元素.添加之后我们会发现,它们显示的样式不是jQuery Mobile的炫酷样式了,而变成了很丑陋的元素样式.如下图所示:   代码如下: <script> function myFunction() { var ul = document.getElementById("myul"); var li1 = "<li data-role=

jquery控制页面部分刷新的方法_jquery

本文实例讲述了jquery控制页面部分刷新的方法.分享给大家供大家参考.具体分析如下: 这段代码设计非常巧妙,通过jQuery的load方法加载页面的指定标签的内容 $('#button1').click(function() { var url = "http:www.your-url.com?ID=" + Math.random(); //create random number setTimeout(function() { $("#elementName")

Jquery和JS获取ul中li标签的实现方法_jquery

js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var div=document.getElementById('a'); var ul=div.childN

jQuery实现给页面换肤的方法

  本文实例讲述了jQuery给页面换肤的方法.分享给大家供大家参考.具体分析如下: 给页面换肤的效果有不少同学做过,今天在逛blog时也发现一段使用jQuery换肤的代码,贴上与大家分享一下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $(document).ready(function(){ $('#styleSwitch .button').bind('click', function(){ $('body').removeC

jQuery获取当前对象标签名称的方法

 获取当前对象标签名称的方法有很多,本教程为大家介绍下使用jquery获取的具体实现 获取当前对象标签名称  代码如下: $(".classname")[0].tagName;