首页 > Web开发 > 详细

20181019日学习笔记 - jQuery3

时间:2018-10-19 17:15:29      阅读:129      评论:0      收藏:0      [点我收藏+]

https://www.cnblogs.com/liwenzhou/p/8178806.html   -- 教师博客地址

1.jQuery绑定事件的方式:

  1.$(‘‘).click(function() {})

  2.$(‘‘).on(‘click‘,function() {})

2.阻止后续事件执行:

  1.retrun false;

  2.event.stopProoagation()    event表示事件本身

3.事件冒泡:

  1.DOM中事件的特点

4.事件委托:基于一个已经存在的标签给未来的标签绑定事件:

  1.$(‘‘).on(‘click‘,‘选择器‘,function() {})

5.常用的事件:

  1.键盘事件

    1.批量操作的例子

  2.hover(不是DOM事件,是jQuery封装的)

    接收两个匿名函数

      $(‘‘).hover(function(){鼠标要移上去要做的事情},function(){鼠标要移出去的事情})

  3.input事件:只要input框的值发生变化就会触发事件

  4.点击事件

5.页面加载完毕:

  1.window.onload = function() {};

    1.存在的问题:

      1.程序必须要等到所有的资源加载完毕才会触发执行(资源:文本,视频,图片)

      2.存在声明覆盖问题,如果声明同样的文件名,后一个会覆盖前一个

  2.jQuery帮助我们进行了封装

    1.语法:

      1.$(document).ready(function(){})

      2.简写:$(function() {绑定事件的操作})

    2.优点:

      1.只要文档加载完毕就会触发

      2.不存在覆盖声明的问题

6.补充

  1.动画

  2.each遍历工具

    1.$.each(遍历的对象,function() {])

    2.$(‘div‘).each(function() {})

  3.data

    任意的jQuery都有data方法,可以保存任意值,用来代替全局变量

  4.拓展

    1.jQuery.extend()

    2.jQuery.fn.extend()

 

20181019日学习笔记 - jQuery3

原文:https://www.cnblogs.com/lijinming110/p/9817476.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!