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)& ...
一周排行