jquery中mouseenter事件有什么用处

在jquery中 , 当鼠标指针穿过元素时 , 会发生 mouseenter 事件 。 下面小编举例讲解jquery中mouseenter事件有什么用处 。

jquery中mouseenter事件有什么用处

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery中mouseenter事务有什么用处 。
jquery中mouseenter事件有什么用处

文章插图

2在test.html文件内 , 利用p标签建立一行文字 。
jquery中mouseenter事件有什么用处

文章插图

3在test.html文件中 , 给p标签添加一个id属性 , 设置为mytest 。
jquery中mouseenter事件有什么用处

文章插图

4【jquery中mouseenter事件有什么用处】在js标签内 , 经由过程id获得p元素对象 , 给它绑定mouseenter事务 , 当鼠标指针穿过元素时 , 执行function方式 。
jquery中mouseenter事件有什么用处

文章插图

5在function方式内 , 利用this获适当前对象 , 再经由过程css()方式设置p标签的布景颜色为黄色 。
jquery中mouseenter事件有什么用处

文章插图

6在浏览器打开test.html文件 , 当鼠标指针穿过p元素时 , 查看实现的结果 。
jquery中mouseenter事件有什么用处

文章插图

总结:11、利用p标签建立一行文字 , 给p标签添加一个id属性 , 设置为mytest 。 2、在js标签内 , 经由过程id获得p元素对象 , 给它绑定mouseenter事务 , 当鼠标指针穿过元素时 , 利用this获适当前对象 , 再经由过程css()方式设置p标签的布景颜色为黄色 。


以上内容就是jquery中mouseenter事件有什么用处的内容啦 , 希望对你有所帮助哦!

    推荐阅读