學習jQuery的on事件

2022-02-13 13:15:01 字數 1233 閱讀 9575

開發asp.net mvc程式,多少是離不開jquery客戶程式。今天insus.net學習jquery的乙個on事件驅動。

先在網頁檢視放乙個銨鈕,使用者可以使用mouse對這時行over,out或是click,根據不同的事件來更變src。

控制器中建立乙個action:

建立檢視:

建好檢視之後,分別按鈕上面標記1至3步驟來實現,標記1是拉乙個input,type為image; 標記2引用jquery類庫;標記3是實現所有事件**。

在script中,先定義好三個src路徑:

在網頁載入,把原始也載入上去:

當使用者把mouse移至上去時over,它會更變原始。.on('mouseover',function()

當使用者把mouse移開時out,切換為原來的原始。.on('mouseout', function ()

如果使用者把mouse移至並按下mouse左鍵click時,我們實現再次變更src路徑。

演示一下,看看最終的效果:

jquery的**可以鏈chaining來實現,看看:

學習jQuery的on事件

開發asp.net mvc程式,多少是離不開jquery客戶程式。今天insus.net學習jquery的乙個on事件驅動。先在網頁檢視放乙個銨鈕,使用者可以使用mouse對這時行over,out或是click,根據不同的事件來更變src。控制器中建立乙個action 建立檢視 建好檢視之後,分別按...

jQuery事件學習筆記

div1 on click function div1 on click function ev ul on click li function 事件委託 ul delegate li click function 事件委託 div1 on mouseover function div1 on cl...

jQuery學習筆記四(jquery事件註冊)

原生js註冊相同的事件之後,後面註冊的會覆蓋掉前面註冊的,而jquery事件,後面註冊的不會覆蓋前面註冊的,這增強了事件處理能力。jquery的隱式迭代 jquery中如果選擇器可以找到零個,乙個或多個元素找到多個元素 當找到的是多個元素的時候,得到的實際上是乙個元素的集合,執行設定操作的時候,會對...