jquery tab插件精簡版分享
更新時間：2011年09月10日 21:13:31 作者：
自己平時用得比較多tab功能，網(wǎng)上有很強大的tab功能，但是很多時候太過于復(fù)雜，所以自己寫了一個最簡單的jquery插件，代碼如下，就不解釋了。
復(fù)制代碼 代碼如下:
/*
* jqpressToos1.0
*
* Copyright (c) 2011 yepeng
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
*/
$.fn.extend({
//插件名稱：Tab選項卡
jqpressTab: function(options) {
//參數(shù)和默認值
var defaults = {
_tabClass: null,//選項卡樣式
_childs:null //子選項 樣式選擇器
};
var options = $.extend(defaults, options);
var o = options;
var parentCate = $(this);
var childCate = $(o._childs);
parentCate.mouseover(function() {
parentCate.removeClass(o._tabClass);
$(this).addClass(o._tabClass);
for (i = 0; i < parentCate.length; i++) {
if (parentCate[i].className == o._tabClass) {
childCate[i].style.display = "block";
} else {
childCate[i].style.display = "none";
}
}
});
}
});
})(jQuery);
調(diào)用方法更簡單：
復(fù)制代碼 代碼如下:
jQuery(document).ready(function(){ $(".mytab li a").jqpressTab({ _tabClass: "樣式名稱", _childs: "子元素樣式名稱" });});
如果需要根據(jù)ID做選擇器自己擴展去吧，呵呵
相關(guān)文章
本篇文章介紹了，基于jQuery選擇器的整理集合。需要的朋友參考下2013-04-04
這篇文章主要介紹了ztree搜索中多級菜單展示不全的解決方法，需要的朋友參考下吧2017-07-07
Jquery的autocomplete插件用法及參數(shù)講解
今天小編就為大家分享一篇關(guān)于Jquery的autocomplete插件用法及參數(shù)講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
這篇文章主要介紹了jQuery中on()方法用法,實例分析了on()方法的功能、定義及在匹配元素上綁定一個或者多個事件處理函數(shù)的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery中index()方法用法,實例分析了index()方法返回索引值的幾種常見使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2014-12-12
jQuery實現(xiàn)模擬flash頭像裁切上傳功能示例
這篇文章主要介紹了jQuery實現(xiàn)模擬flash頭像裁切上傳功能,結(jié)合實例形式分析了jQuery圖像剪切與文件傳輸相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
用jQuery toggleClass 實現(xiàn)鼠標移上變色
這篇文章主要介紹了用jQuery toggleClass 實現(xiàn)鼠標移上變色,需要的朋友可以參考下2014-05-05
項目中應(yīng)用jQuery解析讀取XML語言配置文件來實現(xiàn)語言的調(diào)度。這是jQuery解析讀取XML文件功能的測試源碼，現(xiàn)拿出來分享。2009-10-10
這篇文章主要為大家詳細介紹了Jquery Easyui表單組件Form的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
jquery api參考 visualjquery 中國線路 速度快
jquery api參考 visualjquery 中國線路 速度快...2007-11-11