jQuery中$(‘‘)选择器的实现原理概述

本文概述了jQuery中$(‘‘)选择器的工作流程,从选择器入口开始,详细介绍了init构造函数的执行,特别是当选择器为字符串时的Sizzle函数的介入,以及如何优化选择器提高效率。
摘要由CSDN通过智能技术生成

第一步:选择器入口

  • jQuery.fn.init是一个构造函数,同时他的prototype指向了jQuery.fnjQuery.prototype,调用$()时会返回一个他的实例。
  • context是上下文环境,一般不传
  • $.fn是指jQuery的命名空间,加上fn上的方法及属性,会对jQuery实例每一个有效
    在这里插入图片描述

第二步:init构造函数

  • 进入init函数后会根据传入的参数数据类型进行不同的操作,用作选择器时会传入字符串
if ( typeof selector == "string" )
{
   
 //正则匹配,看是不是HTML代码或者是#id
    var match = quickExpr.exec( selector );
 if 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值