• jQuery.API源码深入剖析以及应用实现(1) - 核心函数篇(1)


    前言

      Jquery(http://jquery.com/)是一个轻量级,快速简洁的Javascript框架,它的容量小巧,简洁和简短的语法,容易记;用户能更方便地处理HTML DOM、Events、实现动画效果,并且提供Ajax的支持。目前最新版本为jQuery 1.3.1(http://jqueryjs.googlecode.com/files/jquery-1.3.1.js),这系列文章将对该版本的源码进行阐述。

      现在开始本系列的第一篇,Jquery核心函数,内容主要包括:

      分析

      1. 在Jquery的应用开发中,我们经常看到这样的代码:

    $("div.container").css("display","none");//将div节点下样式值为container的节点设置为不显示
    varwidth=$("div.container").width();//得到div节点下样式值为container的宽度
    varhtml=$(document.getElementById("result")).html();//得到id为result的节点的innerHTML值
    $("#result",document.forms[0]).css("color","red");//将在第一个Form节点下id为result的字体颜色设置为红色
    $("<div>hello,world</div>").appendTo("#result");//将HTML字符串信息内部追加到id为result的节点末尾

      那么$(...)里面的参数,Jquery API中是怎样辨认参数是表达式,id,HTML字符串,还是DOM元素呢?

      现在我们来深入剖析Jquery源码。

      2. 这里,我先来做个测试,我将Jquery API简化为这样的代码:

    (function(){
      varwindow=this,
      
      jQuery=window.jQuery=window.$=function(selector,context){
        returnnewjQuery.fn.init(selector,context);
      };
      
      jQuery.fn=jQuery.prototype={
        init:function(selector,context){
          alert(selector);//弹出警告框
        }
      };
    })();
    window.onload=function(){
      $("div.container");//得到“div.container”
      $("#result");//得到“#result”
      $("<div>hello,world</div>");//得到“<div>hello,world</div>”
      $(document.getElementById("result"));//得到“[object]”
    }


    本篇文章来自<A href='http://www.soidc.net'>IDC专家网</a> 原文链接:http://www.soidc.net/articles/1213781627945/20090210/1215945553357_1.html

  • 相关阅读:
    洛谷 P3040 [USACO12JAN]贝尔分享Bale Share
    洛谷 P1994 有机物燃烧
    洛谷 P3692 [PUB1]夏幻的考试
    洛谷 P2117 小Z的矩阵
    洛谷 P1154 奶牛分厩
    洛谷 P1718 图形复原
    洛谷 P1900 自我数
    洛谷 P1964 【mc生存】卖东西
    洛谷 P1123 取数游戏
    hdu_2844_Coins(多重背包)
  • 原文地址:https://www.cnblogs.com/stalwart/p/1750638.html
Copyright © 2020-2023  润新知