>웹 프론트엔드 >JS 튜토리얼 >jQuery의 one() 메소드 사용 예

jQuery의 one() 메소드 사용 예

PHPz
PHPz원래의
2016-05-16 16:19:161254검색

본 글에서는 주로 jQuery의 one() 메소드 사용법을 소개하고 있으며, one() 메소드의 기능과 정의, 그리고 일치하는 요소의 특정 이벤트에 대한 일회성 이벤트 처리 메소드를 바인딩하는 사용법을 분석합니다. 누가 필요로 하는지 참고로 구체적인 분석은 다음과 같습니다.

일회성 이벤트 처리 방법을 일치 요소의 특정 이벤트에 바인딩합니다.
one() 메소드와 bin() 메소드는 구문적으로 동일합니다. 바인딩된 처리 메소드의 실행 횟수에 차이가 있습니다.

구문 구조:

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

매개변수 목록:

매개변수
参数 描述
type 定义绑定到匹配元素中的事件类型。
     如果有多个事件使用空格分隔。
data 可选。传递给事件对象的额外数据对象。
function 定义当事件发生时运行的方法。
설명
유형 일치하는 요소에 바인딩된 이벤트 유형을 정의합니다. 여러 이벤트가 있는 경우 공백으로 구분하세요.
data 선택 사항. 이벤트 개체에 전달된 추가 데이터 개체입니다.
기능 이벤트 발생 시 실행할 메소드를 정의합니다.

实例代码:

<!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视频教程

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

더보기