jquery 一次选择2个元素 多个元素
2011-03-13 17:53
295 查看
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".c2 li,.c1 li").hover(
function(){$(this).addClass("hover");},
function(){$(this).removeClass("hover")}
)
})
</script>
<style type="text/css">
.hover{ background:#FF0000;}
</style>
</head>
<body>
<div class="c1">
<ul>
<li>1111111111111111111</li>
<li>2222222222222222222</li>
<li>3333333333333333333</li>
<li>4444444444444444444</li>
<li>5555555555555555555</li>
</ul>
</div>
<div class="c2">
<ul>
<li>1111111111111111111</li>
<li>2222222222222222222</li>
<li>3333333333333333333</li>
<li>4444444444444444444</li>
<li>5555555555555555555</li>
</ul>
</div>
</body>
</html>
各元素间用","隔开。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".c2 li,.c1 li").hover(
function(){$(this).addClass("hover");},
function(){$(this).removeClass("hover")}
)
})
</script>
<style type="text/css">
.hover{ background:#FF0000;}
</style>
</head>
<body>
<div class="c1">
<ul>
<li>1111111111111111111</li>
<li>2222222222222222222</li>
<li>3333333333333333333</li>
<li>4444444444444444444</li>
<li>5555555555555555555</li>
</ul>
</div>
<div class="c2">
<ul>
<li>1111111111111111111</li>
<li>2222222222222222222</li>
<li>3333333333333333333</li>
<li>4444444444444444444</li>
<li>5555555555555555555</li>
</ul>
</div>
</body>
</html>
各元素间用","隔开。
相关文章推荐
- jQuery参考实例 1.8 将前一次选择的元素集合并到当前选择的元素集中
- jQuery参考实例 1.8 将前一次选择的元素集合并到当前选择的元素集中
- jQuery选择器选择dom元素
- jQuery碎语(1) 基础、选择要操作的元素、处理DOM元素
- jQuery中的选择元素
- jquery元素选择
- jquery笔记之属性选择器 查找以某种条件开头的页面元素
- jquery学习 - jquery选择孩子元素和个数/获取css属性
- 初识jQuery,八字真言“选择元素,对其操作”
- jquery 排除选择元素
- jquery学习之路jquery之一:jquery选择元素的方法,太神了 2012.8.2
- 关于jQuery参考实例2.0 用jQuery选择元素
- jquery一次绑定多个元素事件
- jquery选择器 之 获取父级元素、同级元素、子元素
- jQuery编程基础精华(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jQuery基本选择器选择元素使用介绍
- 利用jQuery选择将被操作的元素
- jQuery选择器对应的DOM API ——选择元素
- jQuery、zepto选择同时包含两个class的元素
- jQuery给一个元素绑定事件前,一次点击会多次触发的问题所在