zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    java中日期格式的转换和应用
    struts2下载
    struts2上传
    div下拉框(待改善)
    jsp中jquery用法一步刷新 验证用户名是否存在
    react 解析json
    babel-polyfill 解决浏览器兼容
    页面跳转缓存 keepAlive
    webpack知识点
    element-ui upload
  • 原文地址:https://www.cnblogs.com/nextStep/p/6694902.html
Copyright © 2011-2022 走看看