[jQuery笔记] jQuery对象操作

行者

发布于 2019-12-10 10:23:21

2K0

<!doctype html>
<html>

    <head>
        <meta charset="utf-8">
        <title>对象操作的使用</title>
        <script src="js/jquery-1.8.3.min.js"></script>
    </head>

    <body>
      // 加载图片
       <img src="img/ftj.jpg" height="300" width="500">
       <script>
           // console.log("aaaa")
           //1.找对象，确认操作的对象
           //2.定事件,确定在对象上面的操作
           //3.匿名函数,在事件里面包含的匿名函数,jQuery或其他前端框架的特点
          //三步:找对象(找)、定事件(事)、匿名函(匿)
          // mousedown()当鼠标点击对象上面的时候触发
           $("img").mousedown(function(){
                          console.log("你打我呀")
            });
          // mousemove()当鼠标移动到对象上面的时候触发
           $("img").mousemove(function(e){
               // pageX() 属性是鼠标指针的位置，相对于文档的左边缘。
               console.log('我走了，哈哈，页面定位X:'+e.pageX+",y:"+e.pageY)
           });
           //fuction test() {alert('aaa')} 有名字的函数
           //fuction (){alert('vvvv')}匿名的函数
       </script>
    </body>
</html>

mouse事件

事件	释义
mousedown()	当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件
mousemove()	当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。
mouseleave()	当鼠标指针离开元素时，会发生 mouseleave 事件。
mouseenter()	当鼠标指针穿过元素时，会发生 mouseenter 事件，该事件大多数时候会与 mouseleave 事件一起使用。
mouseover()	当鼠标指针位于元素上方时，会发生 mouseover 事件，该事件大多数时候会与 mouseout 事件一起使用。
mouseout()	当鼠标指针从元素上移开时，发生 mouseout 事件，该事件大多数时候会与 mouseover 事件一起使用
mouseup()	当在元素上放松鼠标按钮时，会发生 mouseup 事件。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

linux

[jQuery笔记] jQuery对象操作

[jQuery笔记] jQuery对象操作

mouse事件

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐