one()方法為所選元素附加一個(gè)或多個(gè)事件處理程序。
這也附加了事件發(fā)生時(shí)要運(yùn)行的功能。
該方法命名為one,因?yàn)槿魏胃郊拥皆摲椒ǖ氖录幚沓绦驅(qū)τ诿總€(gè)元素都只會(huì)運(yùn)行一次。
$(selector).one(event, data, function)
將click事件附加到所有<p>元素(該事件僅對每個(gè)<p>元素觸發(fā)一次):
$("p").one("click", function(){ $(this).animate({fontSize: "+=5px"}); });測試看看?/?
顯示one()方法和on()方法之間的區(qū)別:
$(document).ready(function(){ $("#para-1").one("click", myFunc); $("#para-2").on("click", myFunc); });測試看看?/?
向所有<p>元素添加多個(gè)事件處理程序:
$("p").one("click dblclick", function(){ $(this).animate({fontSize: "+=5px"}); });測試看看?/?
將數(shù)據(jù)傳遞給函數(shù):
$(document).ready(function(){ $("p").one("click", {msg: "你剛剛點(diǎn)擊我!!!"}, showMsg) }); function showMsg(event) { $(this).append(event.data.msg); });測試看看?/?
參數(shù) | 描述 |
---|---|
event | 指定一個(gè)或多個(gè)以空格分隔的事件 |
data | (可選)指定要傳遞給函數(shù)的其他數(shù)據(jù) 注意:如果將數(shù)據(jù)參數(shù)提供給one()方法,則在觸發(fā)事件時(shí)將其傳遞給event.data屬性中的處理程序。 |
function | 觸發(fā)事件時(shí)執(zhí)行的功能 |