one() 方法為被選元素附加一個或多個事件處理程序,並規定當事件發生時運行的函數。
當使用 one() 方法時,每個元素只能運行一次事件處理器函數。
<html>
<head>
<script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p.oneho"+"vertree").one("click",function(){
$(this).animate({fontSize:"+=6px"});
});
});
</script>
</head>
<body>
請點擊下列文字:
<p class="onehovertree">這是一個段落。何問起</p>
<p class="onehovertree">這是另一個段落。hovertree.com</p>
<p class="onehovertree">請點擊 p 元素增加其內容的文本大小。每個 p 元素只會觸發一次改事件。何 問 起</p>
</body>
</html>
效果如下
請點擊下列文字:
這是一個段落。何問起
這是另一個段落。hovertree.com
請點擊 p 元素增加其內容的文本大小。每個 p 元素只會觸發一次改事件。何 問 起
可以看出,只有點擊第一次文字變大,所以one()函數只運行一次事件處理器函數