2. 程式人生 > >Jquery hover方法使用及 mouseenter與mouseleave和 mouseover與mouseout的區別

Jquery hover方法使用及 mouseenter與mouseleave和 mouseover與mouseout的區別

阿新 • • 發佈：2017-06-15
-m cto 1.8 一個 lec jquer href event handle

定義和用法

hover() 方法規定當鼠標指針懸停在被選元素上時要運行的兩個函數。

jQuery 1.7 版本前該方法觸發 mouseenter 和 mouseleave 事件。

jQuery 1.8 版本後該方法觸發 mouseover 和 mouseout 事件。

語法

$(selector).hover(inFunction,outFunction)//inFunction 必需，規定 mouseover 事件發生時運行的函數；outFunction 可選，規定 mouseout 事件發生時運行的函數。

調用: $( selector ).hover( handlerIn, handlerOut )

等同以下方式：$( selector ).mouseover( handlerIn ).mouseout( handlerOut );

註意：如果只規定了一個函數，則它將會在 mouseover 和 mouseout 事件上運行。

調用:$(selector).hover(handlerInOut)等同於：$( selector ).on( "mouseover mouseout", handlerInOut );

區別

mouseout 事件在鼠標離開任意一個子元素及選的元素時觸發。

mouseleave 事件只在鼠標離開選取的的元素時觸發。

參考

http://www.runoob.com/jquery/event-hover.html

Jquery hover方法使用及 mouseenter與mouseleave和 mouseover與mouseout的區別

相關推薦

Jquery hover方法使用及 mouseenter與mouseleave和 mouseover與mouseout的區別

-m cto 1.8 一個 lec jquer href event handle 定義和用法 hover() 方法規定當鼠標指針懸停在被選元素上時要運行的兩個函數。 jQuery 1.7 版本前該方法觸發 mouseenter 和 mouseleave 事件。 jQuer

【iOS開發-51】案例學習：動畫新寫法、刪除子視圖、視圖順序、延遲方法、button多功能使用方法及icon圖標和啟動頁設置

無法查看 font targe 技術 value lstat tostring sta dict 案例效果： （1）導入所需的素材，然後用storyboard把上半截位置和大小相對固定的東西布局起來。當然，這些控件也要定義成對應地IBOutlet和IBActio

jQuery hover() 方法 -《狗嗨默示錄》-

ack 背景 inf pri pan func seo 改變 target jQuery hover() 方法 實例 當鼠標指針懸停在上面時，改變 <p> 元素的背景顏色： $("p").hover(function(){ $("p").css("bac

Charles破解方法及抓取HTTP和HTTPS包

Charles破解方法： 前提：charles是需要java環境才能執行的，需要先安裝java環境才可以。 下載最新charles：https://www.charlesproxy.com/latest-release/download.do，下載後安裝完畢。 開啟

jQuery:find()方法及children方法的異同

find():對所有子元素。 children：僅僅是元素一下級的子元素。 <html><head><script type="text/javascript" src="jquery.js"></script><scr

JavaSE7基礎 邏輯運算 普通與& 和 短路與&&的區別

mage 黑馬程序員 ima style jdk版本 黑馬 深入 參考 amp jdk版本 ：jdk-7u72-windows-i586系統 ：Windows7編輯器 ：Notepad++ v7.4.2註意事項 ：博文內容僅供參考，不可用於其他用途。

JavaWeb（一）Servlet中亂碼解決與轉發和重定向的區別

這也 charset 都是 war 不一定 調用 技術 請求方式 註冊 前言 　　前面其實已經把Servlet中所有的內容都介紹完了，這篇講補充一點亂碼和重定向與轉發之間的區別！ 一、request請求參數出現亂碼問題 1.1、get請求 　　1）亂碼示例 　　g

Mac OS X中Launchpad的圖標添加刪除方法（添加方法別試了，和Linux很大區別）

com nsh usr folders 單純 ron bsp blank 結構 說明：在Mac下的Launchpad圖標添加和刪除都與應用程序的app文件有關，如果單純的只想在Launchpad添加自定義的圖標，然後指定要某條命令運行時，建議不要這麽幹，Launchpad的

Java jvm 載入機制及 其中解釋執行和編譯執行的區別

jvm載入機制 https://www.cnblogs.com/Qian123/p/5707562.html https://www.cnblogs.com/lingz/archive/2018/07/31/9394238.html 以前有句話說：“Java是解釋執行的 ” 。現在看

java中，方法引數是基本型別和引用型別的區別

方法引數是基本型別時，傳遞的是值。 方法引數是引用型別時，傳遞的是記憶體地址值 當引數是基本型別時，在呼叫方法時將值傳遞到方法中，執行方法，執行結束方法退出，對原本main中定義的變數沒有任何操作（方法中沒有return）。即：此時只跟棧有關係，方法執行完之後（方法中沒有return），會彈棧。

java中邏輯與或(&/|)和簡潔與或(&&/||)的簡單區別

1、& 稱為邏輯與，只有兩個運算元都是true，結果才是true。      && 稱為簡潔與或者短路與，也是隻有兩個運算元都是true，結果才是true。但是如果左邊運算元為false，就不計算右邊的表示式，直接得出false。類似於短路了右邊。2、

Jquery中.bind()、.live()、.delegate()和.on()之間的區別詳解

簡介 最近了解到很多網頁開發者對jquery中的 .bind() .live() .delegate() 和 .on() 方法存在很多的疑惑。這些疑惑通常是關於它們之間真正的區別是什麼啊，什麼時候該使用它們啊。下面本文將給大家詳細介紹這四個方法之間的區別，分別對每個方法都進

Spring的核心機制：依賴注入及設值注入和構造注入的區別

Ø 理解依賴注入 在分析原理之前我們先回顧下依賴注入的概念：我們常提起的依賴注入(Dependency Injection)和控制反轉(Inversion of Control)是同一個概念。具體含義是:當某個角色(可能是一個Java例項，呼叫者)需要另一個角色(另一個Jav

IOS APP與APP和APP與Safari間的跳轉

原文：http://blog.csdn.net/lc_obj/article/details/38128557 最近做專案遇到這麼一個需求：從APP 跳轉到 Safari 然後再跳回APP 。以前做過從APP 跳到Safari ，很簡單，這裡就不多說了。重點說一下從

jenkins遠端部署使用shell指令碼進行備份與find和grep匹配的區別

需求 公司想jenkins在遠端部署專案的同時，還要進行專案備份， 之前只備份最近一次構建的資料，也就是隻保留到一份， 現在公司希望能保留按時間進行倒序，保留三份備份包。 思路 1、使用rm -rf 檔名把我們要保留的三份備份包排除掉。 2、要排除查

輸入文字自動篩選--類似百度的功能（onchange與oninput和 onpropertychange 兩者的區別）

onchange與oninput onpropertychange(加上on用於js)(.change\.input\.propertychange用於jq)   兩者的區別onchange是有兩個條件滿足才能出發這個事件  1.失去游標，焦點2.鍵盤滑鼠改變物件屬性 二者缺

uart和rs232/rs485的關係及linux下232和485程式設計的區別

     有人會問，這些設定裡，看不到對RS232或者RS485的區分啊，對於這兩種協議沒有程式設計的區別嗎？      其實，看了我這篇講UART和RS232和RS485關係的文章的 話，就會理解：RS232和RS485定義是電氣特性，影響的是資料線上路上的傳輸過程，RS232和RS485的收發器通過UA

jQuery事件--mouseover()、mouseout()、mouseenter()和mouseleave()

   mouseover([[data],fn]) 概述     當滑鼠指標位於元素上方時，會發生 mouseover 事件。該事件大多數時候會與 mouseout 事件一起使用     註釋：與

jQuery的兩個合成事件---hover()方法和toggle()方法

 1.hover()方法 語法結構為：hover(enter,leave); 該方法用於滑鼠的懸停事件，當游標移動到元素上時，會觸發第一個函式（enter），當游標移除這個元素時，會觸發第二個函式（leave） $(function(){ $('div').ho

JavaScript中的mouseover與mouseenter，mouseout和mouseleave的區別

1、mouseover與mouseenter       mouseover事件：不論滑鼠指標穿過被選元素或其子元素，都會觸發 mouseover 事件。       mouseenter事件：