最近几天一直在研究jquery源码，由于水平太低看得昏头转向。本来理解的也不是很深刻，下面就用自己的想法来说下jquery是如何定义构造函数初始化的。如果有什么不对的地方，希望个位高手指出。 一般写构造函数如下function Aaa(){} Aaa.prototype.init = function(){}; Aaa.prototype.css = function(){};var a1 = new Aaa(); a1.init(); //初始化 a1.css(); jQuery写法如下function jQuery(){returnnew jQuery.prototype.ini...
jQuery是面向对象的js库因此它也具备构造函数的功能，它可通过原型及init()函数构成构造函数，而且jQuery实现的构造函数不需要用new来实例化对象jquery中的构造函数充分的运用了javascript语言的动态性。由于对行参的类型及个数没有严格的要求，因此一个函数可以实现多种功能的需求。接下来在文章中将为大家详细介绍jQuery中的构造函数，具有一定的参考作用，希望对大家有所帮助。【推荐教程：jQuery教程】jQuery是一种面向对象的j...
JQuery优点 体积小（v1.2.3 15kb） 丰富的DOM选择器(CSS1-3 + XPath) 跨浏览器（IE6,FF,Safari,Opera） 链式代码 强大的事件、样式支持 强大的AJAX功能 易于扩展，插件丰富 jQuery的构造函数接收四种类型的参数： jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式（ID，DOM元素名，CSS表达式，XPath表达式）找出文档中的元素，并组装成一个jQuery对象返回。 DEMO: jQuery basic .selected ...
一、源码思路分析总结 概要： jQuery的核心思想可以简单概括为“查询和操作dom”，今天主要是分析一下jQuery.prototype.init选择器构造函数，处理选择器函数中的参数； 这个函数的参数就是jQuery()===$()执行函数中的参数，可以先看我之前写的浅析jQuery基础框架一文，了解基础框架后，再看此文。 思路分析: 以下是几种jQuery的使用情况(用于查询dom)，每种情况都返回一个选择器实例(习惯称jQuery对象(一个nodeList对象)，该对象包...
在我的上一篇文章里面 阐述了jQuery的大致框架，知道了所有代码都是写在了一个自调用匿名函数里面，并且传入了window对象，源码是这样的：(function( window, undefined ) {...})( window );我们通过alert(jquery) 知道它是一个对象，那么这个对象是怎么构造出来的呢？我们使用$(document)类似的写法获取元素，就好像直接调用了普通的方法一样，jQuery就是普通的函数吗？如果是构造函数为什么不是 new $(document)的常见形式呢？ 其...
在我的上一篇随笔里面分析了jQuery的构造函数，jQuery对象中有一个原型方法init才是是真正的构造函数，通过init的原型对象跟jQuery的原型对象保持引用关系使得init的实例可以正常调用jQuery的原型方法，就好像是jQuery的实例一样。下面就来看看init这个幕后的构造函数是怎么写的：init: function( selector, context, rootjQuery ) {...}可以看到这个方法接受3个参数，其前两个参数是jQuery方法传递过来的var jQuery = function( s...
如果selector是其他字符串情况就比较多了比较复杂了// Handle HTML strings if ( typeof selector === "string" ) {...} 开始分不同的情况处理// Are we dealing with HTML string or an ID if ( selector.charAt(0) === "" && selector.length >= 3 ) { // Assume that strings that start and end with If里面先判断第一个字符是“<”最后一个字符是“>”并且长度大于3就假设此时的selector是html简单标签 ,比如$(‘)但是记住仅仅...
先贴代码function appendText(){var content = $("#textarea").val();var new_content = content + "wap";$("#textarea").attr("value",new_content);};然后再在 form 表单进行提交时候然后在后台查看数据美容，就会对应的加上相应的字符 以上所述就是本文的全部内容了，希望大家能够喜欢。
上一篇文中完成的封装，还存在一个小问题，就是该轮播对象不能在同一页面中重复使用，本文将通过组合使用javascript的构造函数和原型模式创建对象来解决这个问题。 没有看过上一篇文章的朋友可以点此查看上一篇文章 (jQuery图片轮播实现并封装(一)) 首先回顾一下，上文的问题所在，上文中的carsouel对象是采用字面量的方式来定义的，这样carsouel本就是一个实例，想要使用在多处时，这个对象的方法会发生冲突，最终只会执行最后的那...
先贴代码 <script type="text/javascript">function appendText(){var content = $("#textarea").val();var new_content = content + "wap";$("#textarea").attr("value",new_content);}; </script> 然后再在 form 表单进行提交时候 <form onsubmit="appendText();" > 然后在后台查看数据美容，就会对应的加上相应的字符 以上所述就是本文的全部内容了，希望大家能够喜欢。
如果selector是其他字符串情况就比较多了比较复杂了 // Handle HTML strings if ( typeof selector === "string" ) {...} 开始分不同的情况处理// Are we dealing with HTML string or an ID? if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) { // Assume that strings that start and end with <> are HTML and skip the regex check match = [ null, selector, n...
在我的上一篇随笔里面分析了jQuery的构造函数，jQuery对象中有一个原型方法init才是是真正的构造函数，通过init的原型对象跟jQuery的原型对象保持引用关系使得init的实例可以正常调用jQuery的原型方法，就好像是jQuery的实例一样。下面就来看看init这个幕后的构造函数是怎么写的： init: function( selector, context, rootjQuery ) {...}可以看到这个方法接受3个参数，其前两个参数是jQuery方法传递过来的var jQuery = function( ...
在我的上一篇文章里面 阐述了jQuery的大致框架，知道了所有代码都是写在了一个自调用匿名函数里面，并且传入了window对象，源码是这样的： (function( window, undefined ) {...})( window );我们通过alert(jquery) 知道它是一个对象，那么这个对象是怎么构造出来的呢？我们使用$(document)类似的写法获取元素，就好像直接调用了普通的方法一样，jQuery就是普通的函数吗？如果是构造函数为什么不是 new $(document)的常见形式呢？ ...
一、源码思路分析总结 概要： jQuery的核心思想可以简单概括为“查询和操作dom”，今天主要是分析一下jQuery.prototype.init选择器构造函数，处理选择器函数中的参数； 这个函数的参数就是jQuery()===$()执行函数中的参数，可以先看我之前写的浅析jQuery基础框架一文，了解基础框架后，再看此文。 思路分析: 以下是几种jQuery的使用情况(用于查询dom)，每种情况都返回一个选择器实例(习惯称jQuery对象(一个nodeList对象)，该对象包...
JQuery优点 ?体积小（v1.2.3 15kb） ?丰富的DOM选择器(CSS1-3 + XPath) ?跨浏览器（IE6,FF,Safari,Opera） ?链式代码 ?强大的事件、样式支持 ?强大的AJAX功能 ?易于扩展，插件丰富 jQuery的构造函数接收四种类型的参数： jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式（ID，DOM元素名，CSS表达式，XPath表达式）找出文档中的元素，并组装成一个jQuery对象返回。 DEMO: jQuery basic .se...