jquery的index方法實現(xiàn)tab效果
更新時間：2011年02月16日 16:12:16 作者：
jquery的index方法實現(xiàn)tab效果，需要的朋友可以參考下。
左側為選項卡，右側為詳細內容。
原理：
點擊左側的列表項，根據(jù)所選列表項在列表的[索引n]顯示第n個內容。
（首先需要將列表和內容一次性加載到頁面，內容只顯示第一個，這樣切換起來更友好。）
如何獲取選擇列表項在列表中的索引：
jquery里有一個方法是index([subject])
$("#ul li").index($("#selected"));
意思是 首先設定列表范圍（#ul li列表），然后返回$("#selected")元素在列表中的索引。
獲取到索引之后，在用$("#detail").hide(); $("#detail").eq(n).show(); 來顯示相同索引的詳情。（選項列表樣式切換同理）
只用了5行。
相關文章
如何避免JQuery Dialog的內存泄露，需要的朋友可以參考下。2010-06-06
這篇文章主要介紹了三分鐘帶你玩轉jQuery.noConflict() 的相關資料,需要的朋友可以參考下2016-02-02
jquery輸入數(shù)字隨機抽獎特效的簡單實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query輸入數(shù)字隨機抽獎特效的簡單實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
jquery判斷小數(shù)點兩位和自動刪除小數(shù)兩位后的數(shù)字
這篇文章主要介紹了jquery判斷小數(shù)點兩位和自動刪除小數(shù)兩位后的數(shù)字,需要的朋友可以參考下2014-03-03
jQuery實現(xiàn)漂亮實用的商品圖片tips提示框效果(無圖片箭頭+陰影)
這篇文章主要介紹了jQuery實現(xiàn)漂亮實用的商品圖片tips提示框效果,具有鼠標滑過顯示動態(tài)提示框的效果,涉及針對鼠標事件的響應及頁面元素動態(tài)操作技巧,需要的朋友可以參考下2016-04-04
用JQuery 實現(xiàn)AJAX加載XML并解析的腳本
用JQuery 實現(xiàn)AJAX加載XML并解析的腳本2009-07-07
我們都知道，在傳統(tǒng)的排版當中使用DIV+CSS來實現(xiàn)的話是很困難的，今天使用jquery插件，你可以實現(xiàn)卓越的排版效果，專門用于為您提高您的排版水平2012-09-09
按Enter鍵觸發(fā)事件的jquery方法實現(xiàn)代碼
這篇文章主要介紹了按Enter鍵觸發(fā)事件的jquery方法,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了jQuery帶進度條全屏圖片輪播特效，圖片輪播效果特別適合做產品展示，還帶有進度條轉接全屏圖片展示，感興趣的小伙伴可以參考下2015-09-09
當DOM載入就緒可以查詢及操縱時綁定一個要執(zhí)行的函數(shù)，下面有個示例，不懂的朋友可以學習下2013-08-08