jQuery中的init方法

Anita-Sun

于 2021-04-23 18:16:59 发布

阅读量1.1k

点赞数

分类专栏： jQuery源码分析

本文链接：https://blog.youkuaiyun.com/AnitaSun/article/details/116066250

版权

这段代码主要涉及jQuery中的选择器使用和元素创建。它检查`selector`是否以尖括号开始和结束，用于判断是否是HTML标签。然后根据不同的情况处理，如创建元素、查找元素或处理已有的jQuery对象。同时，它还处理了ID选择器、类选择器等，并处理了上下文环境。此外，代码还涉及到元素属性的设置和文档加载时的函数处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// if(typeof selector === "string")  的情况

// selector 代表的是选择的东西
// context 代表在什么范围内选择（不填就是选择全部）
// $('<li>');     match = [null, '<li>', null];
// $('<li>1</li><li>12</li>');      match = [null, '<li>1</li><li>12</li>', null];
if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
   
  match = [ null, selector, null ];
} else {
   
  // 匹配下面三种情况
  // $('<li>hello') //这种情况会直接创建<li>标签，没有里面的hello
  // $('#div1')
  // $(".box"), $("div"), $("#div1 div.box")

  // $('#div1')       match = ['#div1', null, 'div1'];
  // $('<li>hello')   match = ['<li>hello', '<li>', null]
  // $(".box"), $("div"), $("#div1 div.box")  match = null;
  match = rquickExpr.exec( selector );
}

// match = ['选择器 + 要选择的元素', '要创建的元素', '要选择的元素'];
// $('.box') $('div') $('#div1 div.box')  match = null;
// $('<li>');     match = [null, '<li>', null];
// $('<li>1</li><li>12</li>');      match = [null, '<li>1</li><li>12</li>', null];
// $('#div1')       match = ['#div1', null, 'div1'];
// $('<li>hello')   match = ['<li>hello', '<li>', null]

// 上面五种情况除了第一种，剩下都可以进入
if ( match

最低0.47元/天解锁文章