JQuery球隊選擇實例
更新時間：2015年05月18日 11:02:05 作者：永遠愛好寫程序
這篇文章主要介紹了JQuery球隊選擇實現(xiàn)方法,實例分析了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操作頁面元素樣式實現(xiàn)頁面動態(tài)效果的方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
addEventListener—jQuery的事件監(jiān)聽方法
在Javascript中，事件監(jiān)聽是非常重要的，通過事件監(jiān)聽，我們可以在用戶執(zhí)行某些操作時觸發(fā)相應的處理程序。最初，Javascript監(jiān)聽事件的方式是addEvent。addEvent()比較麻煩，所以jQuery為我們提供了一個更為便捷的事件監(jiān)聽方法：addEventListener。2023-06-06
這篇文章主要介紹了基于JQuery實現(xiàn)分隔條的功能的相關資料，使用JQuery技術實現(xiàn)分隔條的功能，感興趣的小伙伴們可以參考一下2016-06-06
jquery mobile頁面跳轉(zhuǎn)后樣式丟失js失效的解決方法
用ajax跳轉(zhuǎn)的時候，目標頁的css以及js都失效，這是由于page之外的代碼都不會加載，所以導致在page外的js和css都失效，解決方法如下2014-09-09
本文主要介紹了jQuery的使用方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
easyui combotree加載靜態(tài)數(shù)據(jù)問題（選不上）解決方法
這篇文章主要介紹了easyui combotree加載靜態(tài)數(shù)據(jù)問題,選不上）2016-12-12
這篇文章主要介紹了jQuery子窗體取得父窗體元素的方法,涉及jQuery窗體元素操作的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了詳解閉包解決jQuery中AJAX的外部變量問題的相關資料,需要的朋友可以參考下2017-02-02
jquery文檔說 each(callback)作用是以每一個匹配的元素作為上下文來執(zhí)行一個函數(shù)。就是用each來遍歷數(shù)組，來執(zhí)行同一個方法2011-02-02
本文主要介紹如何實現(xiàn)類似淘寶好評差評的效果，需要的小伙伴直接拿去用吧。2016-05-05