Rumah >hujung hadapan web >tutorial js >Contoh penggunaan kaedah one() jQuery

Contoh penggunaan kaedah one() jQuery

PHPz
PHPzasal
2016-05-16 16:19:161216semak imbas

Artikel ini terutamanya memperkenalkan penggunaan kaedah one() jQuery. Contoh menganalisis fungsi dan definisi kaedah one() dan kemahiran penggunaan mengikat kaedah pemprosesan acara satu kali untuk acara tertentu elemen padanan yang memerlukannya Sebagai rujukan, analisis khusus adalah seperti berikut:

Ikat kaedah pemprosesan acara sekali kepada acara tertentu elemen padanan.
Kaedah one() dan kaedah bind() adalah sama secara sintaksis. Perbezaannya terletak pada bilangan pelaksanaan kaedah pemprosesan terikat.

Struktur sintaks:

$(selector).one(event,data,function)

Senarai parameter:

Parameter
参数 描述
type 定义绑定到匹配元素中的事件类型。
     如果有多个事件使用空格分隔。
data 可选。传递给事件对象的额外数据对象。
function 定义当事件发生时运行的方法。
Penerangan taipTentukan jenis acara yang terikat pada elemen padanan. Jika terdapat berbilang acara, pisahkan dengan ruang. Pilihan. Objek data tambahan dihantar ke objek acara. Tentukan kaedah untuk dijalankan apabila acara berlaku.

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//www.jb51.net/" />
<title>one()函数-脚本之家</title> 
<style type="text/css">
p{
  width:100px;
  height:100px;
  border:1px solid red
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").one("click",function(){
    $(this).append("添加的内容");
  })
})
</script>
</head>
<body>
  <p></p>
</body>
</html>

点击p之后,可以为p添加指定的内容,但是此事件处理函数只会被执行一次。

以上就是本章的全部内容,更多相关教程请访问jQuery视频教程

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel berkaitan

Lihat lagi