首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → jquery this 问题

jquery this 问题

时间：2010-01-13

来源：互联网

复制代码
  1. function onClickMenu(){
  2.     $("#Menu li a").removeClass("on");
  3.     $(this).addClass("on");
  4. }
  5.         <ul id="Menu">
  6.           <li><a id="no1" class="on" href="javascript:onClickMenu()">系统设置</a></li>
  7.           <li><a id="no2" href="javascript:onClickMenu();">产品大全</a></li>
  8.           <li><a id="no3" href="javascript:onClickMenu();">IC库存</a></li>
  9.           <li><a id="no4" href="javascript:onClickMenu();">厂家品牌</a></li>
  10.           <li><a id="no5" href="javascript:onClickMenu();">行业资讯</a></li>
  11.           <li><a id="no6" href="javascript:onClickMenu();">技术资料</a></li>
  12.           <li><a id="no7" href="javascript:onClickMenu();">友情链接</a></li>
  13.         </ul>


上代码 $(this).addClass("on");  无效。请朋友修整。并改造个简单的函数。 和写成
$("#Menu li a").Click(function () {.....})

这两方法。

作者: cngothic   发布时间: 2010-01-13

复制代码
  1.   $("#Menu li a").click(function(){
  2.     $("#Menu li a").removeClass("on");
  3.     $(this).addClass("on");
  4.   });

这里的$(#Menu li a)怎么利用this来写
$($(this.parent())+" li a").removeClass("on")
这样写不对。

作者: cngothic   发布时间: 2010-01-13

复制代码
  1.        <ul id="Menu">
  2.           <li><a id="no1" class="on" >系统设置</a></li>
  3.           <li><a id="no2">产品大全</a></li>
  4. ....其余略
  5.         </ul>


添加事件：
复制代码
  1. $('#Menu>li>a').click(fucntion(){
  2.     $("#Menu>li>a").removeClass("on");
  3.     $(this).addClass("on");
  4. });

作者: keakon   发布时间: 2010-01-14

这里的$(#Menu li a)怎么利用this来写
$($(this.parent())+" li a").removeClass("on")
这样写不对。

作者: cngothic   发布时间: 2010-01-14

你的要求估计是，高亮当前选中的项目。直接这么用就行了。不需要再用this了。
复制代码
  1. $('#Menu>li>a').click(fucntion(){
  2.     $("#Menu>li>a").removeClass("on"); //删除有所On的css
  3.     $(this).addClass("on");//为当前点击的条目增加on的css，
  4. });

作者: skyakira   发布时间: 2010-01-14

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net