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)& ...
一周排行
  • 前言    起因是我在公司办公时发现QQ突然被人异地登录踢下线,刚开始还怀疑是不是家里电脑没关,但很快我就确认家里电脑明明是关的.回到家后做了密码修改,但这还只是刚刚开始--正题    就在我登录qq安全中心修改密码 ...
  • Java多线程系列--基础篇05之线程等待与唤醒
    概要 wait(), notify(), notifyAll()等方法介绍 在Object ...
  • sql_server_2005_sp3_64位下载地址: ed2k://|file|cn_sql_server_2005_sp3_x64.exe|413164384|E790A8BFC54DED65ADFCD5B22 ...
  • 性能优化Android应用程序运行的移动设备受限于其运算能力,存储空间,及电池续航.由此,它必须是高效的.电池续航可能是一个促使你优化程序的原因,即使他看起来已经运行的足够快了.由于续航对用户的重要性,当电量耗损陡增 ...
  • 基本上就是安装Lamp一.准备Linux这里用的centos 6.5二.安装Apacheyum install httpd三.安装mysql+建库yum install mysql-server mysql_secu ...
  • 不知道为什么今天想要酸一下,不是不知愁味强说愁,仅是此时真很想缅怀一下自己已经腐朽的青春--发神经的突然想要看一下<致青春>这电影,虽然电影的逻辑把原著改的面目全非.情节也有些狗血这些我不想过多的评论,很 ...
  • 由MyEclipse内存不足谈谈JVM内存原文出处: http://www.javatang.com/archives/2007/12/03/1653250.html作者: Jet Mah from Java堂声明: ...
  • 虚拟主机,顾名思义,是虚拟的主机,也就是说在一台服务器可以虚拟多个主机,每个主机对应一个网站(可以有多个域名访问).而IP地址,对于互联网上的主机来说,全世界每台主机都只有一个唯一的IP地址,这就好比全中国只有您一个 ...
  • zombie如果子进程在父进程之前终止,那么父进程如何得到子进程的终止状态呢?内核为每个终止子进程保存了一定量的信息,当父进程调用wait,waitpid时,可以得到这些信息(进程ID,进程终止状态,进程的CPU使用 ...
  • 1.开启数据库服务 控制台下进入mysql>bin文件夹下 mysqld.2.连接数据库    指令为: mysql -h 地址 -u 用户名 -p 密码 .3.显示命令(命令一定记得要打:号)     sho ...