编程 Javascript

JQuery球队选择实例

Posted in Javascript onMay 18, 2015

本文实例讲述了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球队选择实例

- Author -

永远爱好写程序

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

使用户点击后退按钮使效三行代码

Jul 07 Javascript

JS localStorage实现本地缓存的方法

Jun 22 Javascript

如何在JavaScript中实现私有属性的写类方式(二)

Dec 04 Javascript

JS实现带提示的星级评分效果完整实例

Oct 30 Javascript

移动端脚本框架Hammer.js

Dec 15 Javascript

微信小程序点击控件后选中其它反选实例详解

Feb 21 Javascript

详解Vue2 SSR 缓存 Api 数据

Nov 20 Javascript

vue 简单自动补全的输入框的示例

Mar 12 Javascript

使用vue脚手架（vue-cli）搭建一个项目详解

May 09 Javascript

Vue 设置axios请求格式为form-data的操作步骤

Oct 29 Javascript

npm qs模块使用详解

Feb 07 Javascript

Vue3.0中Ref与Reactive的区别示例详析

Jul 07 Vue.js

JQuery实现动态添加删除评论的方法

May 18 #Javascript

TypeError document.getElementById(...) is null错误原因

May 18 #Javascript

JQuery实现带排序功能的权限选择实例

May 18 #Javascript

JQuery中clone方法复制节点

May 18 #Javascript

分享十五款 jQuery 社交网络分享插件

May 16 #Javascript

JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

May 16 #Javascript

js实现精美的图片跟随鼠标效果实例

May 16 #Javascript