OK 우리는 되돌아 올 것이다.
지금까지 우리는 J Querrey로 요소를 선택하는 방법과 우리가 그것을 조작 할 수있는 방법에 대해서 이야기했습니다.
이제 J 쿼리의 이벤트 인 마지막 큰 누락 된 부분을 소개하겠습니다.
그러니 바닐라 제이 ..
이벤트 리스너를 추가 할 때 이벤트 리스너라는 메서드를 사용했습니다.
글쎄, Jay는 이벤트와 관련된 수많은 메소드를 가지고 있습니다.
그래서 저는 Jake에서 이벤트 섹션을 열었습니다. 여기에서 이벤트를 클릭하기 만하면됩니다.
그래서 여기를 스크롤하면 얼마나 많은가를 볼 수 있습니다.
코리아 사건 방법 chikor에는 그것들의 톤이 있습니다.
그래서 제가 할 일은 여러분이 사용할 수있는 세 가지 가장 중요한 세 가지를 강조하는 것입니다.
세 가지 방법이 빠른 키 누름과 동시에 99 %입니다.
그리고 저는이 세 가지를 99 퍼센트의 시간 동안 사용할 수 있다고 말했습니다.
이건 실제로 여기있는 것과 같습니다.
99 %의 시간을 사용할 수 있습니다.
그래서 나는 당신이 클릭하고 키를 먼저 누르는 것을 보여줄 것입니다. 그러나 나의 주요 목적은 방법이 얼마나 굉장한지를 보여주는 것입니다.
시작하겠습니다.
따라서 Jay Equerries 빠른 방법은 단일 요소 또는 요소 모음에 클릭 수신기를 매우 쉽고 빠르게 추가 할 수있는 방법입니다.
그래서이 경우에 두 가지 예가 있음을 알 수 있습니다.
뭔가를 선택하고 클릭 한 번으로 클릭 수신기를 추가하고 있습니다.
그래서 우리는 우리가 제출하는 아이디어와 함께 무언가를 선택합니다.
그것을 클릭하면 우리는 콜백 함수를 전달하고이 콜백 함수는 제출 아이디어가있는 무언가가 클릭 될 때 실행됩니다.
ID이기 때문에 페이지에 하나뿐입니다.
한 항목을 클릭하면이 코드가 실행됩니다.
여기를 들여다 보면 페이지의 모든 버튼을 선택할 수 있다는 것을 알 수 있습니다.
10 개의 버튼이 될 수 있으며 모든 버튼에 클릭 리스너를 추가하고 있습니다.
언제든지 버튼이 빠를 때마다 누군가가 버튼을 클릭하면 알려줍니다.
그럼 그걸 보여 드리죠.
이제는 Jay queery가 CDN으로 포함 된 간단한 HTL 페이지가 있습니다.
그리고 Jay 쿼리 이벤트를 추가하자. 그리고 몇 가지 버튼을 추가 할 것이다.
그래서 내가 말하는 첫 번째 것은 저를 시정하지 않습니다.
그리고 다음 사람은 진지하게 ok라고 말할 것입니다.
그리고 마지막 사람이 이것이 당신의 마지막 경고라고 말할 것입니다.
따라서 브라우저에서 저장하고 열어서 J가로드되었는지 항상 확인합니다.
승인.
좋아 보인다.
따라서 우리는이 H-1에 빠른 청취자를 추가함으로써 여기에서 쉽게 시작할 것이며 페이지에는 단 하나만 존재합니다.
그래서 우리는 달러 기호로 먼저 선택해야합니다.
그래서 하나 뿐인 우리가 실행하는 H-1을 우리에게줍니다.
그것을 클릭하지 않으면 우리는 그 H-1을 클릭 할 때마다 실행될 콜백 함수를 전달해야합니다.
그래서 뒤에서 클릭은 이벤트 리스너를 사용하고 있습니다.이 H-1에 클릭 리스너를 추가하고 익숙한 기능을 수행 할 수 있습니다. 더 익숙하지 않은 기능을 볼 수는 있지만 신입생에게는 다소 위협적이거나 이름이 지정된 함수를 작성할 수 있습니다. 따로 따로 그 함수의 이름을 여기에 전달하십시오.
그러나 나는 익명의 함수가 더 일반적이라고 말했다.
그래서 우리가하고 싶은 일은 각각의 것이 정확하다는 것을 알려주는 것입니다. 그리고 여기에 들어가십시오.이 H-1을 클릭하면 H-1이 종료되는 것을 볼 수 있습니다. 그리고 그것은 다른 어떤 요소에서도 일어나지 않습니다.
내 H-1이 화면을 가로 질러서 CSSA 문제를 일으키기 때문에 CSS의 문제를 해결할 수 있기 때문에 여기서는 문제가 발생하지 않지만 하나의 요소를 클릭 할 때만 문제가 발생합니다.
이제는 요소 컬렉션에 빠른 수신기를 추가하는 방법을 보여줍니다.
여기에 모든 버튼을 선택하겠습니다.
따라서 달러 기호 버튼을 클릭 한 다음 우리는 클릭을 추가하여 콜백으로 다시 익명 함수를 전달할 수 있습니다.
그리고 이것은 어떤 버튼이 클릭 될 때마다 실행될 것이고 우리는 그냥 경고 버튼을 클릭하고 Enter를 누르십시오.
그리고 지금 내가 거기에있는 버튼 중 하나를 클릭하면 버튼 클릭 버튼을 클릭하고 종료 버튼을 클릭하십시오.
그래서 buttonall 컬렉션에 이벤트 리스너를 추가하려면 vanilla javascript를 다시 생각해보십시오.
쿼리 선택기를 사용하여 모든 태그를 선택하거나 태그 이름별로 요소를 가져온 다음 루프를 사용하여 for 루프를 사용해야 만합니다. 그리고 나서 개별적으로 이벤트 수신기를 추가해야합니다. 무대 뒤에서.
하지만 내가해야 할 일은이 라인을 작성하는 것입니다.이 버튼을 클릭하면 개별적으로 이벤트 리스너가 추가되어 개별 학습 버튼을 클릭하는 것보다 자신의 삶이 정말 쉽습니다.
스타일을 변경하려면 클릭 한 버튼의 배경색을 변경하고 싶습니다.
따라서 클릭 수신기를 다시 추가해야합니다.
나는 경고하는 것보다 위쪽 화살표에 있습니다.
우리가 할 일은 배경색을 바꿔서 C의 배경이 될 것이고 우리는 그것을 분홍색으로 바꿀 것입니다.
따라서 문제는 바닐라 자바 ​​스크립트로 Dotsie CSSA를 호출하고 다시 호출하는 것입니다.
우리는 이것을 사용할 것입니다.
이 키워드는 클릭 한 요소를 가리키는 핵심 단어로, 우리가해야 할 일을 제대로 수행하지 못하는 NJ 쿼리는 JQuerrey 버전을 사용합니다.
이것은 항상 혼란스러운 생각입니다.
나는 Shakeri가하는 일이 평범한 바닐라를 필요로한다는 것을 기억하는 데 도움이된다고 생각합니다. 그렇습니다. 그리고 그것은 Jay 질의에 포장하고 그것은 J.A.G입니다. 포옹하고 그것을 몇 가지 특별한 속성과 방법을 제공합니다.
따라서 우리가 J 쿼리 메소드 인 dot CSSA를 사용하려면 J 쿼리 객체에서 CSSA를 실행해야합니다.
그래서 평범한 오래된 바닐라 자바 ​​스크립트입니다.
그래서 우리는 그것을 감싸서 이것이 J 쿼리 버전이라고 말해야합니다.
그럼 그걸 시험해 봅시다.
여기에 들어가서 지금 버튼을 클릭하자. 첫 번째 클릭 리스너를 없애지 못했기 때문에 경고를 받았다.
그런 다음 배경이 분홍색으로 바뀌고 클릭하면 나타나는 각각의 상황을 볼 수 있습니다.
우리는 이와 비슷한 것을 할 수 있습니다.
그래서 나는 위쪽 화살표를 누르고 페이지를 새로 고침하여 분홍색으로 변경했습니다.
또한 로그와 Walcott의 성인이 클릭 한 텍스트를 기록한다는 취소를 할 수 있습니다.
그래서 당신이 클릭 한 것과 비슷할 것입니다. 그런 다음 이것을 저장하는 변수를 만들 것입니다. 변수 텍스트는이 점에 달러 기호를 붙이고 텍스트를 거기에서 꺼내기 위해 텍스트 메서드를 사용해야합니다. 변수 이름 인 텍스트를 클릭하여 입력하십시오.
클릭 한 번 클릭하면 클릭하지 마십시오.
이것이 당신의 마지막 경고입니다.
그리고 당신은 클릭했습니다.
진지하게 나를 누르지 마라.
승인.
그래서 그게 제가 보여줄 모든 것입니다.
딸깍 하는 소리.
요약하자면 우리는 H-1에서 한 것처럼 한 번에 하나의 요소에 청취자를 추가 할 수 있습니다.
아니면 실제로 유용하게 쓰일 수있는 컬렉션으로 할 수 있습니다.
그리고 마지막으로 우리가 클릭 한 요소를 참조하기를 원하면 달러 기호를 사용해야합니다. 이것은 J queery 래퍼 인 J.A.G.입니다. 버전의 바닐라.