Java Web基础回顾 —JQuery事件

  1. 事件处理默认是冒泡的:div里面有个span,span的click事件同时也会调用body的click事件。
  2. 阻止事件冒泡:event.stopPropagation();
    $(“span”).bind(“click”,function(event){
    alert(“call span click”);
    event.stopPropagation();
    })
  3. bind(“事件名称click”,function( event){}) event需要传递进来
  4. javascript里面的onload方法每次都是等整个DOM都load完成,包括需要引用外部文件load完成才会触发。
    JQuery的$(document).ready(function(){}) 整个页面的结构组织好,但是还没有来得及引入外部文件的时候就触发了。所有比js里面的onload方法快。
  5. hover(function(){}, function(){}) 等价于mouseOver 和 mouseOut两个方法的效果
    toggle(function(){}, function(){})) 原来有现在就没有,原来没有现在就有。
  6. 阻止默认行为:event.preventDefault(); 比如type=“submit”的button,默认会提交表单。
    也可以使用return false;来代替
  7. unbind() — 解除事件绑定
  8. trigger() — 加载时触发事件 trigger(“click”) == click()等价于js里直接调用click方法
  9. fadeIn() fadeOut() — 渐变的效果
    sildeUp() slideDown() — 滑入效果
    animate() — 自定义动画的效果
  10. css的opacity 透明度=1
原文地址:https://www.cnblogs.com/nextStep/p/6694902.html