jquery中toggle方法使用例子
今天遇到一個有趣的例子,將它記錄下來。
一個一級菜單,裏邊有一個二級菜單,二級菜單是通過錨點來鏈接頁面元素的。想要實現的效果是當點擊錨點時,頁面鏈接到相應錨點,同時二級菜單隱藏,再點擊一級菜單時,繼續執行。。
其中試了很多種方法都不行,最後通過讀jquery的toggle函數實現了。
//這樣寫可以 $("")le(function(){ $("ent")eToggle(); }); //這樣寫不可以 $("")le(function(){ $("ent")eDown(); },function(){ $("ent")eUp(); }); //這樣寫也可以 $("")k(function(){ $("ent")le("slow"); });
另附上toggle()的.使用説明
toggle(fn,fn)
每次點擊時切換要調用的函數。
如果點擊了一個匹配的元素,則觸發指定的第一個函數,當再次點擊同一元素時,則觸發指定的第二個函數。隨後的每次點擊都重複對這兩個函數的輪番調用。
可以使用unbind("click")來刪除。
返回值
jQuery
參數
fn (Function) : 第奇數次點擊時要執行的函數。
fn (Function) : 第偶數次點擊時要執行的函數。
對錶格的切換一個類
jQuery 代碼:
$("td")le( function () { $(this)lass("selected"); }, function () { $(this)veClass("selected"); } );
補充:toggle只有點擊的時候好使,hover只是鼠標移進移出的事件,跟點擊沒關係。
-
如何獲取PHP數組的鍵與值呢
array_keys($array);//獲取數組(字典)的所有鍵值,返回一個鍵值數組。array_values($array)://獲取數組的所有value值,飯回一個數組。<?php$json='{"a":1,"b":2,"c":3,"d":4,"e":5}';//註明:value不帶雙引號時,其值只能是數字。【!!!注意:大括號兩邊只能是單引號,...
-
HTML5教程:畫布Canvas基礎知識講解
Canvas是HTML5最讓人期待的特性之一,目前已獲得大部分Web瀏覽器支持Canvas可以幫助創建遊戲、增強圖形用户界面。下面YJBYS小編為大家帶來畫布Canvas基礎知識,希望對大家學習有所幫助!HTML5規範引進了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...
-
JavaScript基本語法分析
一、JavaScript基本語法。(一)數據類型與變量類型。整數,小數,佈局,字符串,日期時間,數組強制轉換:parseInt()parseFloat()isNaN()(二)數組var數組名=newArray([長度]);//“假冒”數組th-長度a[下標]=值。a[下標](三)函數複製代碼代碼如下:function函數名(形參){}function...
-
網頁設計10大靈感來源介紹
不僅僅只有網頁設計能激發我們創建出色網站的動力,幾乎我們身邊的任何事都會有此作用。以下是本站小編搜索整理的關於網頁設計10大靈感來源介紹,供參考借鑑,希望對大家有所幫助!想了解更多相關信息請持續關注我們應屆畢業生考試網!自然圖01圖02思考設計的最佳場所...
相關文章
- 有關jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
- 商務英語閲讀: The growing cult of ‘try before you buy’
- jQuery中delegate()實例用法
- jQuery中trigger方法用法
- 榮耀屬於你們The Glory Belongs to You高中英語作文
- 關於jquery插件jTimer(jquery定時器)使用方法
- jQuery中delegate與on的用法與區別
- jQuery中ajax的get()方法運用示例
- 關於jQuery trigger()方法用法介紹
- 快速入睡的方法The Ways to Get Sleep Quickly高中英語作文