JQuery球队选择实例
更新时间：2015年05月18日 11:02:05 作者：永远爱好写程序
这篇文章主要介绍了JQuery球队选择实现方法,实例分析了jQuery中鼠标事件与页面元素相关操作技巧,需要的朋友可以参考下
本文实例讲述了JQuery球队选择。分享给大家供大家参考。具体如下：
<!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>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function (){
$("#tableToSelect tr").css("cursor", "pointer").mouseover(function(){
$(this).css("backgroundColor", "gold");
$(this).siblings().css("backgroundColor", "white");
})
.click(function () {
$(this).appendTo($("#tableSelected"));
});
});
</script>
</head>
<body>
待选择球队：
<table id="tableToSelect">
<tr><td>火箭</td><td>100分</td></tr>
<tr><td>奇才</td><td>99分</td></tr>
<tr><td>小牛</td><td>98分</td></tr>
</table>
<hr />
<hr />
选中的球队：
<table id="tableSelected"></table>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jquery模拟进度条的方法,实例分析了jquery操作页面元素样式实现页面动态效果的方法,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
addEventListener—jQuery的事件监听方法
在Javascript中，事件监听是非常重要的，通过事件监听，我们可以在用户执行某些操作时触发相应的处理程序。最初，Javascript监听事件的方式是addEvent。addEvent()比较麻烦，所以jQuery为我们提供了一个更为便捷的事件监听方法：addEventListener。2023-06-06
这篇文章主要介绍了基于JQuery实现分隔条的功能的相关资料，使用JQuery技术实现分隔条的功能，感兴趣的小伙伴们可以参考一下2016-06-06
jquery mobile页面跳转后样式丢失js失效的解决方法
用ajax跳转的时候，目标页的css以及js都失效，这是由于page之外的代码都不会加载，所以导致在page外的js和css都失效，解决方法如下2014-09-09
本文主要介绍了jQuery的使用方法，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
easyui combotree加载静态数据问题（选不上）解决方法
这篇文章主要介绍了easyui combotree加载静态数据问题,选不上）2016-12-12
这篇文章主要介绍了jQuery子窗体取得父窗体元素的方法,涉及jQuery窗体元素操作的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了详解闭包解决jQuery中AJAX的外部变量问题的相关资料,需要的朋友可以参考下2017-02-02
jquery文档说 each(callback)作用是以每一个匹配的元素作为上下文来执行一个函数。就是用each来遍历数组，来执行同一个方法2011-02-02
本文主要介绍如何实现类似淘宝好评差评的效果，需要的小伙伴直接拿去用吧。2016-05-05
最新评论