• jQuery1.3.2 源码学习3 init 函数分析 1


    init 函数分析

    首先,看一下在 jQuery 中可以使用的四类构建对象的方式:

    l         $( expression, [ context ] ),串的内容是一个 CSS 选择器,例如:$(“#msg”) 中的 msg 就是一个元素的 ID

    l         $( html ),一个 HTML 串,返回一个 DOMElement 元素对象

    l         $(函数)ready 事件的处理函数

    l         $( 对象的引用 ),返回一个经过处理之后的 jQuery 对象

    分析 init

     

    35 jQuery.fn = jQuery.prototype = {

    36 init: function( selector, context ) {

    37      // Make sure that a selection was provided

    38      selector = selector || document;

    39

    40      // Handle $(DOMElement)

    41      if ( selector.nodeType ) {

    42          this[0] = selector;

    43          this.length = 1;

    44          this.context = selector;

    45          return this;

    46      }

     

    第 38 行为 || 运算的特殊使用,表示的含义为如果 selector 不为空,则返回 selector, 如果 selector 为空,则返回 document, 如果都不为空,返回 selector。

     

    从第 41 行开始,处理第一种可能,判断参数对象是否为一个 DOMElement 对象,由于 DOMElement 对象有nodeType 属性,这样就可以判断参数是否为一个 DOM 元素了。

    如果是的话,创建一个 jQuery 对象,this 表示通过 new 方式调用 init 函数所创建的对象,然后增加两个用于处理的成员,第一个成员名称为 0 ,值为参数对象,第二个成员的名称为 length,值为 1,实现了一个仿数组对象的对象。最后,将这个 jQuery 对象返回。

  • 相关阅读:
    纯awk传参和awk脚本传参
    【转】MySQL 备份和恢复(MyISAM 和 Innodb)
    【z】多线程Java Socket编程示例
    Java,Tomcat,Mysql乱码总结
    mysql备份与同步shell脚本
    【转】Velocity用户手册中文版(学习修改版)
    wml新学的标签
    【原】小心log4j的多进程写入
    【z】Webservice 的设计和模式
    【z】linux面试题参考答案
  • 原文地址:https://www.cnblogs.com/haogj/p/1701016.html
Copyright © 2020-2023  润新知