jquery二级目录选中当前页的css样式

 更新时间:2016年12月08日 10:34:50   投稿:jingxian  
下面小编就为大家带来一篇jquery二级目录选中当前页的css样式。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

如下所示:

<div class="navlist clear">

 
<span><a  href="/M/Page_32.html"  title="内科" >内科</a></span>

<span><a  href="/M/Page_35.html"  title="外科" >外科</a></span>

<span><a  href="/M/Page_37.html"  title="妇产科" >妇产科</a></span>

<span><a  href="/M/Page_38.html"  title="儿科" >儿科</a></span>

<span><a  href="/M/Page_39.html"  title="五官科" >五官科</a></span>

<span><a  href="/M/Page_40.html"  title="中医科" >中医科</a></span>

<span><a  href="/M/Page_41.html"  title="急诊科" >急诊科</a></span>

<span><a  href="/M/Page_42.html"  title="口腔科" >口腔科</a></span>

<span><a  href="/M/Page_43.html"  title="疼痛康复科" >疼痛康复科</a></span>

<span><a  href="/M/Page_44.html"  title="病理科" >病理科</a></span>

<span><a  href="/M/Page_46.html"  title="医技科室" >医技科室</a></span>

<script>
  var url = window.location.href;
  $(".navlist span a").each(function () {
    if (url.indexOf($(this).attr("href")) > 0) { 
      $(this).addClass("curent")
    }
  })
   

</script>
 </div>

js中判断当前页面URL是否包含二级栏目中的url

以上这篇jquery二级目录选中当前页的css样式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JQuery zClip插件实现复制页面内容到剪贴板

    JQuery zClip插件实现复制页面内容到剪贴板

    这篇文章主要介绍了JQuery zClip插件实现复制到剪贴板功能,并且兼容所有浏览器,大家可以学习借鉴此文章。
    2015-11-11
  • jQuery 表格工具集

    jQuery 表格工具集

    本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。这些插件很多都包含详细的教程。
    2010-04-04
  • struts2+jquery组合验证注册用户是否存在

    struts2+jquery组合验证注册用户是否存在

    这篇文章主要介绍了使用struts2+jquery如何验证注册用户是否存在,需要的朋友可以参考下
    2014-04-04
  • 使用jQuery validate 验证注册表单实例演示

    使用jQuery validate 验证注册表单实例演示

    Validation是jQuery的插件,提供的方法可以大大简化验证表单的工作,接下来为大家详细介绍下使用方法,感兴趣的各位可以参考下哈
    2013-03-03
  • jQuery给元素添加样式的方法详解

    jQuery给元素添加样式的方法详解

    这篇文章主要介绍了jQuery给元素添加样式的方法,结合实例形式详细分析了jQuery给元素添加样式的各种常见操作技巧,需要的朋友可以参考下
    2015-12-12
  • jquery默认校验规则整理

    jquery默认校验规则整理

    这篇文章主要介绍了jquery默认校验规则有哪些,需要的朋友可以参考下
    2014-03-03
  • jquery keypress,keyup,onpropertychange键盘事件

    jquery keypress,keyup,onpropertychange键盘事件

    项目所需,在试图用js实现这样的功能:文本框失去焦点时,判断输入字符串的长度,以验证是否超出范围,超出范围则自动截取。
    2010-06-06
  • 完美JQuery图片切换效果的简单实现

    完美JQuery图片切换效果的简单实现

    下面小编就为大家带来一篇完美JQuery图片切换效果的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • jQuery实现获取当前鼠标位置并输出功能示例

    jQuery实现获取当前鼠标位置并输出功能示例

    这篇文章主要介绍了jQuery实现获取当前鼠标位置并输出功能,涉及jQuery事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-01-01
  • 利用JQuery为搜索栏增加tag提示

    利用JQuery为搜索栏增加tag提示

    其实我认为这个功能用处未必大,因为我在自己的网站搜索栏上添加这个功能已经两周了,居然还没有人发现的样子。
    2009-06-06

最新评论