实现选择当前li当前li的class="sty"其它的为class=""
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
ul li { list-style:none; line-height:20px; float:left; margin:0px 10px}
.sty { background-color:#F00}
</style>
<script type="text/javascript" language="javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul>li").click(function(){
$("ul>li").removeClass("sty");
$(this).addClass("sty");
});
$("ul>li").click(function(){
$(this).addClass("sty").siblings().removeClass("sty");
});
});
</script>
</head>
<body>
<ul>
<li class="sty">aaa</li>
<li >bbb</li>
<li >ccc</li>
</ul>
</body>
</html>
相关推荐
正如Using Deferreds in jQuery 1.5一文中说明的，其结果是在jQuery中能够将依赖于某个任务（事件）结果的逻辑与任务本身解耦了。这一点在JavaScript中其实并不新鲜，Mochikit和Dojo等已经实现有些日子了。由于...
2.1 jQuery 核心函数 17 2.1.1 jQuery(expression, [context]) 17 2.1.2 jQuery(html, [ownerDocument]) 18 2.1.3 jQuery(html, props) 19 2.1.4 jQuery(elements) 20 2.1.5 jQuery() 20 2.1.6 jQuery(callback) 21 ...
在本文中用JQuery对class属性的操作方法实现页面中的按钮开关效果。 首先定义两个class： 代码如下: .controlOff{ display:inline-block; width:130px; height:36px; cursor:pointer; background-image:url(“../...
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有...
超实用的jQuery代码段精选近350个jQuery代码段，涵盖页面开发中绝大多数要点、技巧与方法，堪称史上最实用的jQuery代码参考书，可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
已经得到了一个jQuery对象，但是并不是想要的，那么可以通过一系列的跳转方法，比如parent()、next()、children()、find()等，或者过滤筛选的方法，比如eq()、filter()、not()等，来得到最终想要操作的jQuery对象。...
2.3.4设置或取得元素的CSS class 34 2.3.5读写HTML元素的css 属性 36 2.3.6 操作HTML元素的长宽大小 37 三、JQuery UI 39 3.1 概述 39 3.2 JQuery UI 基本工作过程 41 3.2.1初始化 41 3.2.2 方法 42 3.2.3 通用方法 ...
一篇 jQuery 常用方法及函数的文章留存备忘。 jQuery 常见操作实现方式 $(“标签名”) //取html元素 document.getElementsByTagName(“”) $(“#ID”) //取单个控件document.getElementById(“”) $(“div #ID”) //...
主要介绍了jQuery使用toggleClass方法动态添加删除Class样式的方法,实例分析了jQuery中toggleClass方法操作class样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2.3.4设置或取得元素的CSS class 34 2.3.5读写HTML元素的css 属性 36 2.3.6 操作HTML元素的长宽大小 37 三、JQuery UI 39 3.1 概述 39 3.2 JQuery UI 基本工作过程 41 3.2.1初始化 41 3.2.2 方法 42 3.2.3 ...
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery...
jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。 通常会把 jQuery 代码放到 部分的事件处理方法中： 实例 ...
2.3.4设置或取得元素的CSS class 34 2.3.5读写HTML元素的css 属性 36 2.3.6 操作HTML元素的长宽大小 37 三、JQuery UI 39 3.1 概述 39 3.2 JQuery UI 基本工作过程 41 3.2.1初始化 41 3.2.2 方法 42 3.2.3 ...
$(“#two”).attr(“class”,”divClass”)设置Id为two的class属性。 //2、追加样式 $(“#two”).addClass(“divClass2”)为ID为two的对象追加样式divClass2 //3、移除样式 $(“#two”).removeClass(“divClass”)...
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery...
本文实例讲述了jQuery操作基本控件方法。分享给大家供大家参考，具体如下： 1. 根据控件的样式class获取控件 复制代码 代码如下:$(“.className”)…… //className代表的就是控件的样式 2. 根据控件的ID获取控件 ...
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery...