jQuery的实现原理和核心

1、jQuery的实现原理

  
  • 1)jQuery采用的是构造函数模式进行开发的,jQuery是一个类
  • 2)上面说的常用的方法(CSS、属性、筛选、事件、动画、文档处理)都是定义在jQuery.prototype上的 ->只有jQuery的实例才能使用这些方法

2、选择器/筛选

  • 1)我们的选择器其实就是创造jQuery类的一个实例 ->获取页面中元素用的 jQuery(); -> $()
    $()就是jQuery的选择器,就是创建jQuery这个类的一个实例
  • 2)执行的时候需要传递两个参数
  
  • 3)通过选择器获取的是一个jQuery类的实例->jQuery对象
  
  • 4)我们获取的是jQuery对象(他是jQuery的实例)不是我们的原生js对象

    jQuery:$("#div1")
    JS:document.getElementById("div1") 原生JS的对象不能直接的使用jQuery的方法,同理,jQuery的对象也不能使用原生js的方法
    $("#div1").className = "box"; no
    document.getElementById("div1").addClass(); 

  • 5)互相转化

  

3、核心

  

  

我们的jQuery不仅仅是一个类(在它的原型上定义了很多的方法,每一个jQuery的实例都可以使用这些方法),它还是一个普通的对象,在jQuery本身的属性中还增加了一系列的方法:Ajax、each、工具
$.unique(ary)
$.ajax()

 

posted @ 2017-10-23 17:46  Scar007  阅读(15819)  评论(2编辑  收藏  举报