问一个jquery元素循环选取的问题. 本帖最后由 jasonliangbiz 于 2013-08-15 19:50:23 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 $("li").each(function () { $(this).on('mouseover', function () { $(this).find('div').addClass('c-hover'); }) .on('mouseout', function () { $(this).find('div').removeClass('c-hover'); }); }); <!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" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script><title>无标题文档</title><style type="text/css">.c-hover{border:1px solid #f00}</style></head><body><ul><li><div>//</div></li><li><div>//</div></li></ul><script type="text/javascript">jQuery(function($){ $("li").bind('mouseover', function () { $(this).find('div').addClass('c-hover'); }).bind('mouseout', function () { $(this).find('div').removeClass('c-hover'); }); });</script></body></html> 推荐这种写法 $("li").hover( function () { $(this).find('div').addClass('c-hover'); },function () { $(this).find('div').removeClass('c-hover'); } ); javascript动态为列表添加个性序列标识 模式对话框返回值问题 在线等 急! 缺少对象 怎么分析出ajax请求的服务地址 怎么跟踪js的函数 高分放送(简单问题) 如何每选中checkbox,使form中的下拉框中加入显示checkbox的内容? 给你100分要吗?问题不难! 对象为空? 我想单击某一个链接后,改变下拉列表的选项! <Table>(JS+HTML) jquery easyui datagrid 的问题
$("li").each(function () {
$(this).on('mouseover', function () { $(this).find('div').addClass('c-hover'); })
.on('mouseout', function () { $(this).find('div').removeClass('c-hover'); });
});
<!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" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
<style type="text/css">
.c-hover{border:1px solid #f00}
</style>
</head><body>
<ul>
<li><div>//</div></li>
<li><div>//</div></li>
</ul>
<script type="text/javascript">
jQuery(function($){ $("li").bind('mouseover', function () {
$(this).find('div').addClass('c-hover');
}).bind('mouseout', function () {
$(this).find('div').removeClass('c-hover');
});
});
</script>
</body>
</html>
function () {
$(this).find('div').addClass('c-hover');
},function () {
$(this).find('div').removeClass('c-hover');
}
);