jquery如何实现导航点击了相应部分变背景
日期：2014-05-16 浏览次数：20420 次
jquery怎么实现导航点击了相应部分变背景
求助想导航条点击了那么相应菜单变换背景或者变色，怎么实现？
$(".menu ul li a").click(function(){
$(this).addClass("current");
});
这样写怎么无效啊
------解决方案--------------------
$(this).addClass("current");这里的this指向的是a标签，你只是改变了a标签的样式而已。
我猜测你的菜单容器应该是li吧。
用这段代码：$(this).parent().addClass("current");
------解决方案--------------------
先removeClass（） 然后再 addClass（）
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
求助想导航条点击了那么相应菜单变换背景或者变色，怎么实现？
$(".menu ul li a").click(function(){
$(this).addClass("current");
});
这样写怎么无效啊
------解决方案--------------------
$(this).addClass("current");这里的this指向的是a标签，你只是改变了a标签的样式而已。
我猜测你的菜单容器应该是li吧。
用这段代码：$(this).parent().addClass("current");
------解决方案--------------------
先removeClass（） 然后再 addClass（）
------解决方案--------------------
<script>
function addCss() {
$(this).css("color","red");
alert("addCss");
}
function removeCss() {
$(this).css("color","black");
alert("removeCss");
}
$(function() {$("#click").toggle(addCss,removeCss);});
</script>
<input id="click" type="button" value="click"></input>
------解决方案--------------------
//JS操作cookies方法!
//写cookies
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//读取cookies
function getCookie(name)
{
var arr,reg=new RegExp("(^
------解决方案--------------------
)"+name+"=([^;]*)(;
------解决方案--------------------
$)");
if(arr=document.cookie.match(reg))
return (arr[2]);
else
return null;
}
//删除cookies
function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
//使用示例
setCookie("name","hayden");
alert(getCookie("name"));
------解决方案--------------------
<!DOCTYPE html>
<html>
<head>
<style>
body { margin:0; padding:0; font-size:12px; line-height:22px; background:#fff; }
.clearfix:after { content:' '; display:block; clear:both; height:0; font-size:0; visibility:hidden; }
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
