jQuery 學習筆記之十二 選項卡

2022-02-05 00:35:45 字數 403 閱讀 9875

jquery 實現的乙個簡單的選項卡。	時事

體育娛樂

首先繫結事件,繫結事件後將當前單擊的元素高亮,然後去掉其他同輩元素的高亮。

var $div_li = $("div.tab_menu ul li");

$div_li.click(function());

單擊選項卡後,當前元素處於高亮狀態,而其他的元素已去掉高亮狀態。但選項卡下面的內容還沒切換,因此需要將下面的內容也對應乙個區域。

因此可以根據當前單擊的元素在所有元素中的索引,然後通過索引來顯示對應的區域。

var $div_li= $("div.tab_menu ul li") ;

$div_li.click(function()).hover(function(),function())

設計模式 學習筆記 之十二

adapter模式是一種簡單的模式。當我們需要使用乙個現成的類,但它的介面又跟要求的介面有出入時,我們就使用adapter模式把這個現成的類適配到目標介面。我們下面來看乙個具體的例子。假設我們在開發乙個2維圖形程式。在這個程式中,需要乃至若干形狀類,如點 直線和矩形。為了給這些開關類建模,我們設計了...

jQuery學習筆記(二)之jQuery選擇器

html頁面元素就一些html標籤 元素 和對應的html元素屬性組成,屬性包括id,class,獲取css樣式屬性等,其中通過css樣式屬性獲取jquery,這裡的css樣式屬性就可以稱為jquery的css選擇器 另外jquery還支援xpath選擇,其實跟css差不多。下面就這對各種常用的選擇...

jQuery 學習筆記之七 jQuery 動畫

jquery中的動畫 一 show 和hide 方法 show 方法和hide 方法是jquery中最基本的動畫方。呼叫hide 會將元素的display樣式改為 none element.css display none 通過css方法隱藏元素。呼叫show 方法將元素的dispaly樣式設定為先...