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程序设计有所帮助。

Javascript 相关文章推荐
javascript 一个自定义长度的文本自动换行的函数
Aug 19 Javascript
IE与firefox下Dhtml的一些区别小结
Dec 02 Javascript
利用jquery操作select下拉列表框的代码
Jun 04 Javascript
Jquery提交表单 Form.js官方插件介绍
Mar 01 Javascript
JS验证邮箱格式是否正确的代码
Dec 05 Javascript
Javscript删除数组中指定元素并返回新数组
Mar 06 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
Aug 02 Javascript
JavaScript中获取时间的函数集
Aug 16 Javascript
Vue动态修改网页标题的方法及遇到问题
Jun 09 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
Nov 06 Javascript
全面解析js中的原型,原型对象,原型链
Jan 25 Javascript
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
You might like
destoon整合UCenter图文教程
2014/06/21 PHP
深入理解PHP中的Streams工具
2015/07/03 PHP
php基于mcrypt_encrypt和mcrypt_decrypt实现字符串加密解密的方法
2016/07/12 PHP
js中将字符串转换成json的三种方式
2011/01/12 Javascript
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
js 判断js函数、变量是否存在的简单示例代码
2014/03/04 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
jquery实现用户打分评分特效
2015/05/28 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
jquery ui sortable拖拽后保存位置
2017/04/27 jQuery
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
微信小程序wx.request实现后台数据交互功能分析
2017/11/25 Javascript
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
2018/12/05 jQuery
小试SVG之新手小白入门教程
2019/01/08 Javascript
vue使用vuex实现首页导航切换不同路由的方法
2019/05/08 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
2019/08/12 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
Vue filter 过滤当前时间 实现实时更新效果
2019/12/20 Javascript
Vue中 axios delete请求参数操作
2020/08/25 Javascript
跟老齐学Python之玩转字符串(2)更新篇
2014/09/28 Python
使用Python来开发Markdown脚本扩展的实例分享
2016/03/04 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
Python几种常见算法汇总
2020/06/02 Python
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
阿尔卡特(中国)的面试题目
2014/08/20 面试题
社区灵活就业证明
2014/11/03 职场文书
中学生社区服务活动报告
2015/02/05 职场文书
爱国主义电影观后感
2015/06/18 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
班主任培训研修日志
2015/11/13 职场文书
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript