EP14-zake学jQuery

内容来源于网络，仅为个人理解记忆方便

1，jQuery的原理

参考文章：浅析jQuery

1，jQuery如何通过选择器获取页面元素

//核心思想：jQuery接受一个选择器，然后根据选择器得到一些元素，然后返回一个对象，这个对象有个方法去操作这个元素
window.jQuery = function (selector) {
  //jquery获取elements后，声明个api，这个api可以操作这个elements
  const elements = document.querySelectorAll(selector);
  //elements就是选择器对应的元素
  //---api 可以操作elements---
  const api = {
    //---闭包函数访问外部的变量---。（addClass访问elements，elements是外部的变量）
    addClass(className) {
      for (let i = 0; i < elements.length; i++) {
        elements[i].classList.add(className);
      }
      return api;//返回api对象方便继续调用---链式---
    },
  };
  return api; //jQuery返回一个可以操作elements的api对象。
};

我的理解是，通过定义一个名叫jQuery的工厂函数，内部封装了一些通过选择器获取页面元素的方法，每次调用这个函数，都会返回一些jQuery对象。

2,jQuery的使用

,详细使用方法

1，select动态插入option

$("#select_id").append("<option value='" + vnet.value + "'>" + vnet.label + "</option>");
//$("#select_id")获取id="select_id"的select控件。