实现一个简单的 jQuery 的 API(摘录)

对于网页开发者来说,学会jQuery是必要的。

jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他Javascript库的根本特点。

下面,我们自己写一个构造函数,接收一个节点,返回一个新的节点对象,同时我们可以使用新节点的API去做一些事情。

1、我们先写一个构造函数,用于接收一个节点,并判断传进来的参数是字符串还是节点。

window.jQuery = function(nodeOrSelector){
 
let nodes = {}
  if(typeof nodeOrSelector === 'string'){
    let temp = document.querySelectorAll(nodeOrSelector)//伪数组
    for(let i=0;i

2.我们给这个构造函数添加两个属性:addClass(className) 和 setText(text)

nodes.addClass = function(className){
      
        for(let i=0;i

最终,我们的构造函数如下:

window.jQuery = function(nodeOrSelector){
 
let nodes = {}
  if(typeof nodeOrSelector === 'string'){
    let temp = document.querySelectorAll(nodeOrSelector)//伪数组
    for(let i=0;i

作者:jirengu_li
链接:https://www.jianshu.com/p/67264cbca3f3

你可能感兴趣的:(实现一个简单的 jQuery 的 API(摘录))