jQueryt对象总结（一）

jQuery对象总结（一）

一、jQuery 鼠标事件
1. click() 鼠标单击事件 // js onclick
【$(".box").click(function()alert("这是一个click单击事件被触发了"));】2.dblclick()鼠标双击事件//jsondblclick【$(".box").dblclick(function () { alert(“这是一个dblclick鼠标双击事件被触发了”) }); 】
3. mousedown() 当鼠标指针移动到元素上方，并按下鼠标按键时，会发生mousedown事件
【$(".box").mousedown(function()alert("这是一个mousedown鼠标被按下的时候触发"););】4.mouseup()当在元素上放松鼠标按钮时，会发生mouseup事件。【$(".box").mouseup(function () { alert(“这是一个mouseup当在元素上放松鼠标按钮时触发的事件”); }); 】
5. mouseenter() 当鼠标指针穿过元素时，会发生mouseenter事件。该事件大多数时候会与mouseleave 事件一起使用。
【$(".box").mouseenter(function()console.log("mouseenter"););】6.mouseleave()当鼠标指针离开元素时，会发生mouseleave事件。该事件大多数时候会与mouseenter事件一起使用【$(".box").mouseleave(function () { console.log(“mouseleave”); }); 】
7.mouseover() 当鼠标指针位于元素上方时，会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用
【$(".box").mouseover(function()console.log("mouseover"););】8.mouseout()当鼠标指针从元素上移开时，发生mouseout事件。该事件大多数时候会与mouseover事件一起使用【$(".box").mouseout(function () { console.log(“mouseout”); }); 】
9. mousemove() 当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。
mousemove事件处理函数会被传递一个变量——事件对象，其.clientX 和 .clientY 属性代表鼠标的坐标
注意：
mouseover与mouseenter的区别：
mouseover如果鼠标指针穿过选定元素的任何子元素，都会触发mouseover事件，
mouseenter如果鼠标指针穿过选定元素的任何子元素不会触发mouseenter事件
mouseout与mouseleave的区别：
mouseout不论鼠标指针离开被选元素还是任何子元素，都会触发mouseout事件。
mouseleave只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件
简而言之：就是移动到选定元素的子元素上面是否触发事件
mouseover 子元素 触发
mouseenter 子元素 不触发
mouseout 子元素 触发
mouseleave 子元素 不触发
（1）hover事件
hover([over,]out)
一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。
当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。
参数说明：
over,out：
over:鼠标移到元素上要触发的函数。
out:鼠标移出元素要触发的函数。
out:当鼠标移到元素上或移出元素时触发执行的事件函数。
二、jQuery事件 键盘事件
jQuery键盘事件 keydown()与keyup()事件
鼠标有mousedown,mouseup之类的事件，这是根据人的手势动作分解的2个触发行为。
相对应的键盘也有这类事件，将用户行为分解成2个动作，键盘按下与松手，针对这样的2种动作，jQuery分别提供了对应keydown与keyup方法来监听：
- keydown()事件
当键盘或按钮被按下时，发生keydown事件。
【$(".target1").keydown(function (e) {
//console.log(e.target.value);
KaTeX parse error: Expected 'EOF', got '}' at position 38: …target.value); }̲); 】 - …(".target2").keyup(function (e) {
//console.log(e.target.value);
$(“em:last”).text(e.target.value); }); 】
jQuery键盘事件 keypress()事件
在input元素上绑定keydown事件会发现一个问题：
注意：每次获取的内容都是之前输入的，当前输入的获取不到。
keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本， 当浏览器捕获键盘输入时，还提供了一个keypress的响应，这个跟keydown是非常相似。
keypress事件与keydown和keyup的主要区别
只能捕获单个字符，不能捕获组合键
无法响应系统功能键（如delete，backspace）
不区分小键盘和主键盘的数字字符
总而言之，KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。
诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。