jQuery jQuery on()方法，jqueryon方法_PHP教程
Jul 12, 2016 am 09:05 AM
jQuery jQuery on()方法，jqueryon方法
jQuery on()方法是官方推薦的綁定事件的一個方法。
$(selector).on(event,childSelector,data,function,map)
由此擴(kuò)展開來的幾個以前常見的方法有.
<strong>bind()</strong>
$("p").bind("click",function(){
alert("The paragraph was clicked.");
});
$("p").on("click",function(){
alert("The paragraph was clicked.");
});
<strong>delegate()</strong>
$("#div1").on("click","p",function(){
$(this).css("background-color","pink");
});<br />
$("#div2").delegate("p","click",function(){
$(this).css("background-color","pink");
});
<strong>live()</strong>
$("#div1").on("click",function(){
$(this).css("background-color","pink");
});<br />
$("#div2").live("click",function(){
$(this).css("background-color","pink");
});
以上三種方法在jQuery1.8之后都不推薦使用，官方在1.9時已經(jīng)取消使用live()方法了，所以建議都使用on()方法。
tip:如果你需要移除on()所綁定的方法，可以使用off()方法處理。
$(document).ready(function(){
$("p").on("click",function(){
$(this).css("background-color","pink");
});
$("button").click(function(){
$("p").off("click");
});
});
tip:如果你的事件只需要一次的操作，可以使用one()這個方法
$(document).ready(function(){
$("p").one("click",function(){
$(this).animate({fontSize:"+=6px"});
});
});
trigger()綁定
$(selector).trigger(event,eventObj,param1,param2,...)
$(document).ready(function(){
$("input").select(function(){
$("input").after(" Text marked!");
});
$("button").click(function(){
$("input").trigger("select");
});
});
多個事件綁定同一個函數(shù)
$(document).ready(function(){
$("p").on("mouseover mouseout",function(){
$("p").toggleClass("intro");
});
});
多個事件綁定不同函數(shù)
$(document).ready(function(){
$("p").on({
mouseover:function(){$("body").css("background-color","lightgray");},
mouseout:function(){$("body").css("background-color","lightblue");},
click:function(){$("body").css("background-color","yellow");}
});
});
綁定自定義事件
$(document).ready(function(){
$("p").on("myOwnEvent", function(event, showName){
$(this).text(showName + "! What a beautiful name!").show();
});
$("button").click(function(){
$("p").trigger("myOwnEvent",["Anja"]);
});
});
傳遞數(shù)據(jù)到函數(shù)
function handlerName(event)
{
alert(event.data.msg);
}
$(document).ready(function(){
$("p").on("click", {msg: "You just clicked me!"}, handlerName)
});
適用于未創(chuàng)建的元素
$(document).ready(function(){
$("div").on("click","p",function(){
$(this).slideToggle();
});
$("button").click(function(){
$("<p>This is a new paragraph.</p>").insertAfter("button");
});
});
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
微信刪除的人如何找回（簡單教學(xué)告訴你如何恢復(fù)被刪除的聯(lián)絡(luò)人）
May 01, 2024 pm 12:01 PM
而後悔莫及、人們常常會因為一些原因不小心刪除某些聯(lián)絡(luò)人、微信作為一款廣泛使用的社群軟體。幫助用戶解決這個問題，本文將介紹如何透過簡單的方法找回被刪除的聯(lián)絡(luò)人。 1.了解微信聯(lián)絡(luò)人刪除機(jī)制這為我們找回被刪除的聯(lián)絡(luò)人提供了可能性、微信中的聯(lián)絡(luò)人刪除機(jī)制是將其從通訊錄中移除，但並未完全刪除。 2.使用微信內(nèi)建「通訊錄恢復(fù)」功能微信提供了「通訊錄恢復(fù)」節(jié)省時間和精力，使用者可以透過此功能快速找回先前刪除的聯(lián)絡(luò)人，功能。 3.進(jìn)入微信設(shè)定頁面點選右下角，開啟微信應(yīng)用程式「我」再點選右上角設(shè)定圖示、進(jìn)入設(shè)定頁面，，
小紅書怎麼綁定子帳號？它怎麼檢測帳號是否正常？
Mar 21, 2024 pm 10:11 PM
在現(xiàn)今這個資訊爆炸的時代，個人品牌和企業(yè)形象的建立變得越來越重要。小紅書作為國內(nèi)領(lǐng)先的時尚生活分享平臺，吸引了大量用戶關(guān)注和參與。對於那些希望擴(kuò)大影響力、提高內(nèi)容傳播效率的使用者來說，綁定子帳號成為了一種有效的手段。那麼，小紅書怎麼綁定子帳號呢？又如何檢測帳號是否正常呢？本文將為您詳細(xì)解答這些問題。一、小紅書怎麼綁定子帳號？ 1.登入主帳號：首先，您需要登入您的小紅書主帳號。 2.開啟設(shè)定選單：點選右上角的“我”，然後選擇“設(shè)定”。 3.進(jìn)入帳號管理：在設(shè)定選單中，找到「帳號管理」或「帳號助理」選項，點
怎麼在番茄免費小說app中寫小說 分享番茄小說寫小說方法教程
Mar 28, 2024 pm 12:50 PM
番茄小說是一款非常熱門的小說閱讀軟體，我們在番茄小說中經(jīng)常會有新的小說和漫畫可以去閱讀，每一本小說和漫畫都很有意思，很多小伙伴也想著要去寫小說來賺取賺取零用錢，在把自己想要寫的小說內(nèi)容編輯成文字，那麼我們要怎麼樣在這裡面去寫小說呢?小伙伴們都不知道，那就讓我們一起到本站本站中花點時間來看寫小說的方法介紹。分享番茄小說寫小說方法教學(xué) 1、先在手機(jī)上打開番茄免費小說app，點擊個人中心——作家中心 2、跳到番茄作家助手頁面——點擊創(chuàng)建新書在小說的結(jié)
BTCC教學(xué)：如何在BTCC交易所綁定使用MetaMask錢包？
Apr 26, 2024 am 09:40 AM
MetaMask（中文也叫小狐貍錢包）是一款免費的、廣受好評的加密錢包軟體。目前，BTCC已支援綁定MetaMask錢包，綁定後可使用MetaMask錢包進(jìn)行快速登錄，儲值、買幣等，且首次綁定還可獲得20USDT體驗金。在BTCCMetaMask錢包教學(xué)中，我們將詳細(xì)介紹如何註冊和使用MetaMask，以及如何在BTCC綁定並使用小狐貍錢包。 MetaMask錢包是什麼？ MetaMask小狐貍錢包擁有超過3,000萬用戶，是當(dāng)今最受歡迎的加密貨幣錢包之一。它可免費使用，可作為擴(kuò)充功能安裝在網(wǎng)絡(luò)
手機(jī)版龍蛋孵化方法大揭密（一步一步教你如何成功孵化手機(jī)版龍蛋）
May 04, 2024 pm 06:01 PM
手機(jī)遊戲成為了人們生活中不可或缺的一部分，隨著科技的發(fā)展。它以其可愛的龍蛋形象和有趣的孵化過程吸引了眾多玩家的關(guān)注，而其中一款備受矚目的遊戲就是手機(jī)版龍蛋。幫助玩家們在遊戲中更好地培養(yǎng)和成長自己的小龍，本文將向大家介紹手機(jī)版龍蛋的孵化方法。 1.選擇合適的龍蛋種類玩家需要仔細(xì)選擇自己喜歡並且適合自己的龍蛋種類，根據(jù)遊戲中提供的不同種類的龍蛋屬性和能力。 2.提升孵化機(jī)的等級玩家需要透過完成任務(wù)和收集道具來提升孵化機(jī)的等級，孵化機(jī)的等級決定了孵化速度和孵化成功率。 3.收集孵化所需的資源玩家需要在遊戲中
手機(jī)字體大小設(shè)定方法（輕鬆調(diào)整手機(jī)字體大小）
May 07, 2024 pm 03:34 PM
字體大小的設(shè)定成為了重要的個人化需求，隨著手機(jī)成為人們?nèi)粘Ｉ畹闹匾ぞ?。以滿足不同使用者的需求、本文將介紹如何透過簡單的操作，提升手機(jī)使用體驗，調(diào)整手機(jī)字體大小。為什麼需要調(diào)整手機(jī)字體大小-調(diào)整字體大小可以使文字更清晰易讀-適合不同年齡段用戶的閱讀需求-方便視力不佳的用戶使用手機(jī)系統(tǒng)自帶字體大小設(shè)置功能-如何進(jìn)入系統(tǒng)設(shè)置界面-在在設(shè)定介面中找到並進(jìn)入"顯示"選項-找到"字體大小"選項並進(jìn)行調(diào)整第三方應(yīng)用調(diào)整字體大小-下載並安裝支援字體大小調(diào)整的應(yīng)用程式-開啟應(yīng)用程式並進(jìn)入相關(guān)設(shè)定介面-根據(jù)個人
菜鳥app怎麼綁定拼多多 菜鳥裹裹怎麼添加拼多多平臺
Mar 19, 2024 pm 02:30 PM
菜鳥app就是能夠提供你們各種物流資訊狀況的平臺，這裡的功能非常的強大好用，大家有任何與物流相關(guān)的問題，都能在這得到解決的，反正都能為你們帶來一站式的服務(wù)，全都能及時解決的，查快遞，取快遞，寄快遞等，都是毫無任何問題，與各個的平臺都進(jìn)行了合作，全部的信息，都能查詢得到的，但是有些時候會出現(xiàn)拼多多當(dāng)中購買的商品，都是無法呈現(xiàn)出物流的信息，其實是需要大家進(jìn)行手動綁定拼多多，才能實現(xiàn)的，具體的方法已經(jīng)整理出來了在下方，大家都能來看看的。菜鳥綁定拼多多帳戶的方法： 1、打開菜鳥APP，在主頁面
快速掌握：華為手機(jī)開啟兩個微信帳號方法大揭密！
Mar 23, 2024 am 10:42 AM
在現(xiàn)今社會，手機(jī)已經(jīng)成為我們生活中不可或缺的一部分。而微信作為我們?nèi)粘贤?、工作、生活的重要工具，更是?jīng)常被使用。然而，在處理不同事務(wù)時可能需要分開兩個微信帳號，這就要求手機(jī)能夠支援同時登入兩個微信帳號。華為手機(jī)作為國內(nèi)知名品牌，很多人使用，那麼華為手機(jī)開啟兩個微信帳號的方法是怎麼樣的呢？下面就來揭秘一下這個方法。首先，要在華為手機(jī)上同時使用兩個微信帳號，最簡
