开发工具与关键技术:Visual Studio 2015  chick事件 鼠标移入移出事件
   作者: 李杨
   撰写时间:2019-01-18

Jquery是一个Javascript函数库。

jQuery是一个轻量级的“写的少,做的多”的javascript库。

jQuery库包含以下特性:

• HTML 元素选取

• HTML 元素操作

• CSS 操作

• HTML 事件函数

• JavaScript 特效和动画

• HTML DOM 遍历和修改

• AJAX

• Utilities

除此之外javascript还提供了量的插件。

jQuery函数库位于一个JavaScript文件中,其中包含了所有的jQuery函数。

可以通过标签引入到网页里如图:

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_鼠标指针


然后我们可以来看看jQuery简单的点击事件:

Chick

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_JQuery基础_02


下图是点击按钮的时候弹出显示窗口,点击一次鼠标就会触发chick()事件。

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_鼠标指针_03


jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_sed_04


鼠标相关的事件都有这些:

Mousedown点击事件

当鼠标移动到元素上方,并按下鼠标键的时候,会触发mousedown事件。Mousedown与chick事件不同,mousedown事件仅需要按键被按下,而不需要松开即可发生。

当按下鼠标按钮的时候,隐藏或显示元素:

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_jQuery_05


jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_jQuery_06

Mouseover鼠标移入事件就是当鼠标指针位于元素上方的时候,会触发mouseover事件。注意:与mouseenter事件不同的是,不论鼠标指针穿过被选元素或者其子元素,都会触发mouseover事件。

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_jQuery鼠标按下拖拽事件_07


Mouseout鼠标移出事件,大多时候都是和mouseover事件一起使用。

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_鼠标指针_08


Mouseenter事件当鼠标指针穿过元素的时候,会触发mouseenter 事件。该事件大多数时候会和mouseleave 事件一起使用。

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_鼠标指针_09


Mouseleave 当鼠标指针离开元素的时候,会触发 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用。

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_JQuery基础_10


Moussemove当鼠标指针在指定的元素中移动的时候,就会触发 mousemove 事件。

Mouseup当在元素上放松鼠标按钮的时候,会触发 mouseup 事件。

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_sed_11


jQuery的事件还有其他的很多就不一一去说了。

还有实现的一些jQuery效果,还有jQuery的属性等等。

jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_JQuery基础_12


jQuery鼠标按下拖拽事件 jquery的鼠标移入事件_鼠标指针_13