1. 程式人生 > >jquery_trigger() 2個用法(自定義事件和觸發2個作用)

jquery_trigger() 2個用法(自定義事件和觸發2個作用)

jquery的trigger函式用的好,可以節省很多時間。

我覺得trigger有2個用法,還是比較實用的,一個是自定議事件,一個是最基本的觸發。

請看下面例項:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		$('#button1').click(function(){
			alert('button1');
			$('#button2').trigger('click');
		});

		$('#button2').click(function(){
			alert('button2');
			$("#button3").trigger("myEvent", ["Hello","World!"]);
		});

		$("#button3").bind("myEvent", function (event, message1, message2) {
		  alert(message1 + ' ' + message2);
		});
	});	
</script>

</head>
<body style="text-align:center;">
	<div style="margin-top:130px;">
	    <button id='button1'>click1</button>
	    <button id='button2'>click2</button>
	    <button id='button3'>click3</button>
    </div>
</body>
</html>


相關推薦

jquery_trigger() 2用法定義事件觸發2作用

jquery的trigger函式用的好,可以節省很多時間。 我覺得trigger有2個用法,還是比較實用的,一個是自定議事件,一個是最基本的觸發。 請看下面例項: <html> <h

談談JS的觀察者模式定義事件

觀察者模式: 這是一種建立鬆散耦合程式碼的技術。它定義物件間 一種一對多的依賴關係,當一個物件的狀態發生改變時,所有依賴於它的物件都將得到通知。由主體和觀察者組成,主體負責釋出事件,同時觀察者通過訂閱這些事件來觀察該主體。主體並不知道觀察者的任何事情,觀察者知

vue 設計模式之觀察者模式定義事件

vue 中 觀察者模式,用於子元件向父元件傳遞引數,即子元件 emit自定義一個事件名稱,及其引數,父元件用事件接受即可,事件第一個引數為自定義事件名稱,第二個引數為回撥函式 子元件程式碼為 <template>     <div>        

Java事件處理機制定義事件

public class DoorManager { private Collection listeners; /** * 新增事件 * * @param listener * DoorListener */

Yii2框架 model方法下setAttributes用法定義model 新增方法

正如我們知道的yii2框架中一般使用的增加資料有兩種方式 1、使用createCommand()方法: Yii::$app->db->createCommand()->insert('user', [       'name' => 'test', 

JS建立定義事件觸發

var test1 = document.getElementById('test1'); var event = new Event('build'); test1.addEventListener('build', function(e){console.log('test1')}); te

HttpServletRequestWrapper使用技巧定義session快取InputStream

一、前言   javax.servlet.http.HttpServletRequestWrapper 是一個開發者可以繼承的類,我們可以重寫相應的方法來實現session的自定義以及快取InputStream,在程式中可以多次獲取request body的內容。 二、自定義seesion impo

android 定義dialog的實現定義大小、去除黑色邊框等

搜尋相關關鍵字網上一大堆實現,但是看完總覺得缺胳膊少腿,繞了不少彎路,終於弄好了自定義dialog。把自己整合的完整程式碼發上來。 要點: 1、設定自定義dialog的佈局檔案my_dialog.xml 2、設定一份自定義的樣式檔案styles_wx.xml,該檔案用於覆

卷積神經網路特徵圖視覺化定義網路VGG網路

藉助Keras和Opencv實現的神經網路中間層特徵圖的視覺化功能,方便我們研究CNN這個黑盒子裡到發生了什麼。 自定義網路特徵視覺化 程式碼: # coding: utf-8 from keras.models import Model import c

通過c# 實現定義屬性改變觸發定義事件 ,理解定義事件及其觸發過程

以下說明可解釋自定義的事件的自定義觸發過程: 直接上程式碼,內含說明(介面是兩個文字框textbox1,textbox2,和一個button1,介面的Load事件,button的click事件) Form1 類(呼叫者端) using System; using

關於SpringBoot的application.yml的相關配置定義,開發,測試,正式切換

spring boot遵循“約定優於配置”的原則,使用annotation對一些常規的配置項做預設配置,減少或不使用xml配置,讓你的專案快速執行起來。spring boot的神奇不是藉助程式碼的生成來實現的,而是通過條件註解來實現的。1.自定義配置,我們用yml配置我們自己

MySQL8.0 For Windows 安裝教程定義配置檔案、密碼方式修改

下載zip安裝包:   MySQL8.0 For Windows zip包下載地址:https://dev.mysql.com/downloads/file/?id=476233,進入頁面後可以不登入。後點擊底部“No thanks, just start my downl

使用Spring註解AOP基於定義註解包下攔截方法

一、基於自定義註解@Pointcut方式 1.自定義一個註解 package spring4.java.service.aop; import java.lang.annotation.Documented; import java.lang.annota

Android 程式碼庫定義一套 Dialog通用提示框

public class CommomDialog extends Dialog implements View.OnClickListener{ private TextView contentTxt; private TextView titleTxt; private Text

Android實戰簡易教程-第六十九槍定義控制元件實現雪花飄落效果

現在APP要求越來越高了,不只是要求實現功能,顏值的要求也越來越高,下面我們通過自定義控制元件來實現雪花飄落的效果,可以作為介面背景哦。1.自定義控制元件:package com.test.a; import java.util.Random; import androi

VB中定義事件事件處理

一個包含事件的類:ClsWithEvents ClsWithEvents類中,有兩個屬性Width和Height,這兩個屬性改變時會分別觸發對應的Changed事件。 在 Public Event 聲明瞭兩個事件委託的原型 Public Class ClsWithEven

3.定義返回json格式的數據給前臺定義Controller類中的Json方法

mes eth lose rtu http 容易出錯 結果 execute hide 在mvc的項目中,我們前臺做一些操作時,後臺要返回一些結果給前臺,這個時候我們就需要有一個狀態來標識到底是什麽類型的錯誤,   例如:     執行刪除的時候,如果操作成功(1行受影響

JS 中的定義事件模擬事件

在 JS 中模擬事件指的是模擬 JS 中定義的一些事件,例如點選事件,鍵盤事件等。 自定義事件指的是建立一個自定義的,JS 中之前沒有的事件。 接下來分別說一下建立這兩種事件的方法。 建立自定義事件 建立自定義事件可以使用 Event 和 CustomEvent 兩種方法,接下來分別做一下介紹。 1. 利用

chrome控制檯的用法對除錯js有很大的作用

大家都有用過各種型別的瀏覽器,每種瀏覽器都有自己的特色,本人拙見,在我用過的瀏覽器當中,我是最喜歡Chrome的,因為它對於除錯指令碼及前端設計除錯都有它比其它瀏覽器有過之而無不及的地方。可能大家對console.log會有一定的瞭解,心裡難免會想除錯的時候用alert不就行了,幹嘛還要用console.l

d3筆記2 - d3中定義事件的使用

以下貼出程式碼,讀者結合已有知識即可理解。 <!doctype html> <html> <head> <style> div { height: 100px; width: