jQuery常用事件

click 触发每一个匹配元素的click事件。
  //将页面内所有段落点击后隐藏。
  $("p").click( function () { $(this).hide(); });

mouseover 当鼠标指针位于元素上方时,会发生 mouseover 事件。
  //当鼠标指针位于元素上方时时,改变元素的背景色:
   $("p").mouseover(function(){
        $("p").css("background-color","yellow");

   });


mouseout 当鼠标指针从元素上移开时,发生 mouseout 事件。
   //当鼠标从元素上移开时,改变元素的背景色
  $("p").mouseout(function(){
       $("p").css("background-color","#E9E9E4");

   });


hover() 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。
   $(".class").hover(function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
  );


bind() 为每个匹配元素的特定事件绑定事件处理函数。
 // 当每个段落被点击的时候,弹出其文本。 
   $("p").bind("click", function(){
       alert( $(this).text() );
    });

Copyright © 2016-2019 709173702@qq.com 版权所有  ICP证粤ICP备16117826号-1
联系邮箱:709173702@qq.com