jquery选择器控制ulli点击切换css

jquery选择器控制li点击css效果


html代码:

<ul id="aaa">

   <li><a class="curricula qadown" href="#/activities">测试一</a></li>

   <li><a class="apps" href="#/missions">测试二</a></li>

   <li><a class="activities" href="#/news">测试三</a></li>

</ul>

js代码:

$("ul#navigation li a").click(function(){

       $(this).addClass("qadown").parent().siblings().find("a").removeAttr("class");

   });

更多相关文章
  • 到底什么是选择器?我们通过常接触的CSS选择器和jQuery选择器理解一下,我们知道CSS是用于分离网页的结构和表现的,也就是说对于一个网页,HTML定义网页的结构,CSS描述网页的样子,一个很经典的例子是说HTML就像一个人的骨骼.器官,而CSS就是人的皮肤,有了这两样也就构成了一个植物人了,加上 ...
  • 基于jQuery按钮控制单排图片切换代码
    基于jQuery按钮控制单排图片切换代码.这是一款带有左右箭头按钮控制的图片动感滚动切换特效.效果图如下: 在线预览    源码下载 实现的代码. html代码: <div id="content"> <div id="binder"> ...
  • 转自:http://www.jb51.net/article/26261.htm一.JQuery与JavaScript 1.JavaScript库 使用过JavaScriptDOM的人都应该知道(比如昨天的练习),使用JSDOM进行页面的操作是十分麻烦的.比如获取.修改及添加子节点等这些操作.如果操 ...
  • Jquery实现详细与精简的切换实现更多选项的功能
    上周学习了Javascript,只是学习了点皮毛而已.这周学习了Jquery.学习到了Jquery操作Dom节点.然后..然后学习到了隐藏和显示标签.于是想尝试能不能写的出京东商城的那个商品筛选功能.那个筛选功能如图:由于刚学习.所以技术不精.这里只实现以下两个功能更多选项.点击切换收起选项.点击条 ...
  • 1.Jquery选择器的各种用法$(this) 当前元素$("p") 所有元素$("input") 所有input元素$(".intro") 所有 class=“intro” 的元素$("p.intro") 所有 cla ...
  • ; i < lis.length; i++;].offsetWidth + margin;;; i < li.length; i++) {);//第一行的Li的top值为0 li.eq(i).css("left", i * li_W);//第i个li的左坐标就是i*l ...
  • JavaScript之jQuery-2jQuery选择器(jQuery选择器、基本选择器、层次选择器、过滤选择器、表单选择器)
    一.jQuery 选择器jQuery 选择器简介  - jQuery 选择器类似于 CSS 选择(定位元素,施加样式),能够实现定位元素,施加行为  - 使用 jQuery 选择器能够将内容与行为分离  - 学会使用选择器是学习 jQuery 的基础jQuery 选择器的优势  - 简洁的写法:  ...
  • 1.$event对象  $event对象其实就是潜在的jQuery事件对象,通过$event.target获取这个元素,通过$event.currentTarget获取子元素. 例如: <li ng-click="getApplicationListByType(1,$event)& ...
一周排行
  • ========================== 选择器 ========================== [认识选择器] SEL 1.选择器(SEL)是一个变量类型. 2.选择器用来装成员消息(成员方法) ...
  • 我主张去另一个城市工作生活的意思是,我们应该至少在两个以上城市长期工作或者生活,而不是只待在一个城市,因为两个不同城市工作和生活的经历,可以让我们对城市生活的共同点和不同点都有更好的认识.生活和工作的本质是怎样的,不 ...
  • 重开发者的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/30476133Cocos2d-x 采用了场景.层.精灵的层次结构来组织游 ...
  • 1.卸载 dqpg -l 查看信息 dqpg -r  ******  卸载 2.安装 dqpg -i ...............deb 
  • 敏捷开发项目高效管理团队,richinfo使用的是tower,mpr tech使用的是icescrum 1.优化项目计划      敏捷开发的基本特征是迭代开发.而迭代开发的强调的是"小批量.频繁交付&qu ...
  • 彻底理解Javascript原型继承  之前写过一篇Javascript继承主题的文章,这篇文章作为一篇读书笔记,分析的不够深入. 本文试图进一步思考,争取彻底理解Javascript继承原理 实例成员与原型成员 举 ...
  • 近邻搜索算法
    最近邻搜索(Nearest Neighbor Search) :size(modelx,) ...
  • 真正的语音搜索引擎--Midomi,通过哼唱歌曲片断搜索你想要的音乐音乐爱好者们是否总会碰到这种情况:反复的哼唱某段旋律,希望能想起这是哪首歌,却一直想不起来?而当你唱给朋友听时,他甚至无法辨识出你走调的旋律.不过现 ...
  • 前段时间接触freemaker时,本来后端写各接口运行正常,但加入了模板后,频繁报空指针问题,整了许久,最后还是请教了别人解决了这个问题,现在记录下来,方便以后碰到了可以查阅. 错误样例如下: ERROR: free ...
  • 首先启动的时候的时候,需要进入单用户模式(进入单用户模式的前提是系统引导器能正常工作),单用户模式是不需要输入密码,并且(进入单用户模式,没有开启网络服务,不支持远程连接 )网上说可以通过GRUB (GNU GRUB ...