jQuery实现高亮显示的方法

 这篇文章主要介绍了jQuery实现高亮显示的方法,涉及jQuery样式控制的addClass与removeClass方法使用技巧,需要的朋友可以参考下

 
 

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

主要功能代码如下:

?

1
2
3
4
5
6
7
8
9
10

var v = window.location.pathname;
$(".hd ul li a").each(function (i) {
var vherf = $(this).attr("href");
if (v == vherf) {
$(".hd ul li").eq(i).addClass("on")
}
else {
$(".hd ul li").eq(i).removeClass("on")
}
})

使用时设置on的css高亮部分样式即可。

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

时间: 2024-10-31 12:18:59

jQuery实现高亮显示的方法的相关文章

jQuery实现高亮显示的方法_jquery

本文实例讲述了jQuery实现高亮显示的方法.分享给大家供大家参考.具体如下: 主要功能代码如下: var v = window.location.pathname; $(".hd ul li a").each(function (i) { var vherf = $(this).attr("href"); if (v == vherf) { $(".hd ul li").eq(i).addClass("on") } else

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

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

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实现当前页面标签高亮显示的方法.分享给大家供大家参考.具体实现方法如下: function nav(name, csskey,cssvalue) { var url = window.location.pathname + window.location.search; var v1 = ""; $(name).each(function () { v1 = "/" + $(this).attr("href"); if

jQuery实现高亮显示网页关键词的方法_jquery

本文实例讲述了jQuery实现高亮显示网页关键词的方法.分享给大家供大家参考.具体如下: 这是一款基于jquery实现的高亮显示网页上搜索关键词的代码,当你在文本框中输入的时候,如果下面的正文中包括你输入的内容,也就是关键字,那么这些关键字是会高亮显示的,被动态添加成黄色,看上去很醒目,就像百度快照显示关键词的样子. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html> <head> <meta http-equiv="Content-Type&qu

JQuery 的跨域方法

JQuery 的跨域方法 可跨新浪.腾讯.经网等任意网站 因发现有不少博友发园内短信问及JS的跨域问题,我想很多程序员的脑海里面还认为JS是不能跨域的,其实这是一个错误的观点:有很多人在网上找其解决方法,教其用IFRAME去解决的文章很多,真有那么复杂吗?其实很简单的,如果你用JQUERY,一个GETJSON方法就搞定了,而且是一行代码搞定. 下面开始贴出方法.      //跨域(可跨所有域名)        $.getJSON("http://user.hnce.com.cn/getregi

jquery分割字符串的方法

  本文实例讲述了jquery分割字符串的方法.分享给大家供大家参考.具体如下: 一.问题: 返回的数据是字符串用特殊字符@分割sss@vvv,怎么返回给2个id $("#a").text(data) $("#b").text(data) 怎么让他们同时显示,分别对应字符串的2个部分 a对应sss,b对应vvv 二.解决方法: ? 1 2 3 var arr = 'sss@vvv'.split('@'); $("#a").text(arr[0])

JQuery控制Radio选中方法分析

  本文实例讲述了JQuery控制Radio选中方法.分享给大家供大家参考.具体如下: 方法1: ? 1 2 3 4 5 6 7 8 9 10 $(function () { $("#spanNan").click(function () { $("#Radio1").attr("checked", true); $("#Radio2").attr("checked", false); }); $(&quo

JQuery中节点遍历方法实例

  本文实例讲述了JQuery中节点遍历方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran