通过封装一个自己的API来理解和学习jQuery

效果图.png

对jQuery调用获取方法的声明,然后对传参数的数据进行判断,如果是字符串,说明就是要获取节点的所有的伪数组,然后进行操作。如果是Dom对象,就把Dom对象转换成Jquery对象。

    window.jQuery = function(node_selector){
    let nodes = {}
   
    if(typeof node_selector === 'string'){
        let temp = document.querySelectorAll(node_selector)
        for(let i =0;i

对传入进来的被转换成jQuery对象进行方法的操作,先声明addClass函数,为节点对象添加新的class属性,遍历每个节点添加class

   
    nodes.addClass = function(classes){
        classes.forEach((value) => {
            for(let i = 0;i

获取和赋值节点对象的文本内容,但由于同时都是对同一个对象的同一个属性进行操作,所以可以把二者何为唯一,写在一个方法函数内

    nodes.getText = function(){
        var texts = []
        for(let i = 0;i

这就是合并上两者的函数,达到的效果是一模一样的,

    nodes.text = function(text){
        if(text === undefined){
            var texts = []
        for(let i = 0;i

你可能感兴趣的:(jquery)