jQuery 사용설명서(6)_jquery

六：事件处理

 hover(Function, Function)    当鼠标move over时触发第一个function，当鼠标move out时触发第二个function
样式：
Html代码：

sdf

jQuery代码及效果

$(function(){
  $("#a").hover(function(){$(this).addClass("red");},
                            function(){ $(this).removeClass("red"); 
                          });
})

最终效果是当鼠标移到id为a的层上时图层增加一个red样式，离开层时移出red样式

toggle(Function, Function)    当匹配元素第一次被点击时触发第一个函数，当第二次被点击时触发第二个函数
样式：
Html代码：

sdf

jQuery代码及效果

$(function(){
  $("#a"). toggle (function(){$(this).addClass("red");},
                              function(){ $(this).removeClass("red"); 
                            });
})

최종 효과는 ID가 a인 레이어를 마우스로 클릭하면 레이어에 빨간색 스타일이 추가되고, 레이어를 떠날 때 빨간색 스타일이 제거된다는 것입니다.

bind(type, fn) 사용자는 이벤트와 이벤트가 트리거되는 방식을 일치하는 개체에 바인딩합니다.
trigger(type) 사용자는 type의 형태로 이벤트를 발생시킵니다. $("p").trigger("클릭")
또한:unbind() unbind(type) unbind(type, fn)

동적 이벤트(함수) 제공된 함수를 바인딩 및 바인딩 해제하는 단축키
예:

$("#a").bind(" 클릭",함수() { 🎜>
).addClass(" red");})는 다음과 같이 작성할 수도 있습니다.
$(

"

#a").click(기능 () { 🎜>);});
최종 효과는 ID가 a인 레이어를 마우스로 클릭하면 레이어에 빨간색 스타일이 추가된다는 것입니다. jQuery에서 제공하는 기능 은 다음과 같습니다. 브라우저 이벤트에 사용error(fn) load(fn) unload(fn) resize(fn) scroll(fn)
양식 이벤트

변경(fn) 선택(fn) 제출(fn)

키보드 이벤트

keydown
(fn) keypress(fn) keyup(fn)

마우스 이벤트용
클릭(fn) dblclick(fn) mousedown (fn ) mousemove(fn)
mouseout(fn) mouseover(fn) mouseup(fn)
UI 이벤트에 사용blur(fn) focus(fn)
위 이벤트의 확장이 5개 카테고리로 더욱 확장됩니다
예를 들어 click(fn)은 click()을 확장합니다. unclick() oneclick(fn) unclick(fn)click(fn): 클릭할 때 함수를 트리거하는 이벤트를 추가합니다click(): 일치할 수 있습니다. 다른 이벤트에서 수행되는 개체의 클릭 이벤트입니다.
unclick(): 일치하는 객체의 클릭 이벤트를 실행하지 않습니다. oneclick(fn): 한 번만 실행할 수 있는 클릭 이벤트만 추가합니다.
unclick(fn): 클릭 시 기능을 실행하지 않는 이벤트를 추가합니다. 위에 나열된 브라우저, 폼, 키보드, 마우스, UI에 대한 이벤트는 모두 위 방법에 따라 확장될 수 있습니다.