jQuery的常用方法

文档完全加载完后执行函数

$(document).ready()

click()
当单击元素时,触发

$("p").click(function(){
  $(this).hide();
});

dblclick()
当双击元素时,触发

$("p").dblclick(function(){
  $(this).hide();
});

mouseenter()
当鼠标指针移动到元素上时,触发

$("#p1").mouseenter(function(){
    alert('您的鼠标移到了 id="p1" 的元素上!');
});

mouseleave()
当鼠标指针离开元素时,触发

$("#p1").mouseleave(function(){
    alert("再见,您的鼠标离开了该段落。");
});

mousedown()
当鼠标指针移动到元素上方,并按下鼠标按键时,触发

$("#p1").mousedown(function(){
    alert("鼠标在该段落上按下!");
});

mouseup()
当在元素上松开鼠标按钮时,触发

$("#p1").mouseup(function(){
    alert("鼠标在段落上松开。");
});

hover()
当鼠标悬停在元素上时,触发

$("#p1").hover(
    function(){
        alert("你进入了 p1!");
    },
    function(){
        alert("拜拜! 现在你离开了 p1!");
    }
);

focus()
当元素获得焦点时,触发

$("input").focus(function(){
  $(this).css("background-color","#cccccc");
});

blur()
当元素失去焦点时,触发

$("input").blur(function(){
  $(this).css("background-color","#ffffff");
});

键盘事件
Keydown
当按下某键时触发, 它返回的是键盘代码
一直按着则会不断触发

扫描二维码关注公众号,回复: 2340288 查看本文章

Keypress
当键盘上按下一个按键时,并产生一个字符时发生, 返回ASCII码
注意: shift、alt、ctrl等键按下并不会产生字符,所以监听无效
换句话说,只有按下能在屏幕上输出字符的按键时,keypress事件才会触发
一直按着某按键则会不断触发

Keyup
当松开某一个按键时触发, 与keydown相对, 返回键盘代码.

猜你喜欢

转载自blog.csdn.net/nangeali/article/details/81158616