首先我们看下JQuery的点击事件

手把手写自己的jQuery

以上点击按钮的时候,会弹出 如下菜单

手把手写自己的jQuery

 

我们要首先这个功能!

要实现这个功能,先解决 window.onload 函数处理!

我们自身的VQuery.js

手把手写自己的jQuery

当传递进来的是函数的时候,我们就 作为window.onload 处理函数

我修改了下!

手把手写自己的jQuery

 

使用非常简单!

手把手写自己的jQuery

 

下面我们就考虑 VQuery实现选择器的功能了!

有三类选择器

手把手写自己的jQuery

我们在补充我们的VQuery 类!

 

我又修改了下代码:

手把手写自己的jQuery

 

那么使用的时候,就如下:

手把手写自己的jQuery

 

行,这种结构写好后,我们就 可以很开心的往下写了!

上面代码中有一个

手把手写自己的jQuery

这个数组,我们的设计就是用来保存未来选中的元素!

我继续修改下代码

手把手写自己的jQuery

 

当是id 选择器的时候,加入是#btn ,

那么我们就会把 id 为btn 的元素选取出来,放到数组中!

手把手写自己的jQuery

这个时候,其实已经将选中的元素放到 

数组中了

我们先将点击事件写完,然后再顺一遍!

给类加函数,可以在原型上加,就这么简单!

手把手写自己的jQuery

由于要用到兼容性 写法,这篇我们先到这里,我要去补下这个知识点,我以前学过,忘记了!

等会回来!

 

 

 

 

 

 

 

 

相关文章:

  • 2021-05-08
  • 2021-12-09
  • 2022-12-23
  • 2022-01-20
  • 2021-10-18
  • 2022-12-23
  • 2021-11-20
  • 2021-08-06
猜你喜欢
  • 2021-05-01
  • 2021-10-18
  • 2021-10-26
  • 2021-10-20
  • 2018-01-12
  • 2021-04-07
  • 2022-02-25
相关资源
相似解决方案