jQuery学习之结构解析

jQuery内核解析

1、jQuery整体的结构是一个匿名函数

(function( window, undefined ) {})(window);

2、jQuery就是一个很普通的函数,也是一个很普通的对象,还是一个构造器函数

var jQuery = function( selector, context ) {

return new jQuery.fn.init( selector, context );

}

3、window.jQuery相当于把jQuery作为window的一个属性,所以这样一来在外部就可以通过window.jQuery来访问了

4、$就是window的一个属性,从window.jQuery=window.$=jQuery可以推出:$=jQuery

window.jQuery = window.$ = jQuery;

5、jQuery的原型是一个json格式的对象

6、在jQuery原型上加的方法,只有通过选择器得到jQuery对象,才能调用该方法

//在jQuery的API中,jQuery(elements)这些方法都得通过jQuery对象才能调用,这些方法全部是加在原型上的方法

jQuery.fn = jQuery.prototype = {

length: 0,

size: function() {

return this.length;

},

each: function( callback, args ) {

return jQuery.each( this, callback, args );

},

ready: function( fn ) {}

};

7、$.post或者jQuery.post是静态调用,称为全局方法,是直接加在构造器函数上的方法

//全局方法和jQuery的原型上的方法

如果写一个方法,该方法和页面上的元素没有关系,这个方法可以为全局方法

如果写一个方法,该方法和页面上的元素有关系,则这个方法就是jQuery原型的方法

8、jQuery.fn=jQuery.prototype=$.prototype=window.$.prototype=$.fn=window.jQuery.prototype=window.jQuery.fn

写一个类似于window的alert

$.alert = function(message){

window.alert(message);

}

9、我们把一个方法加载jQuery对象上或者加在jQuery原型上,称这样的方法为jQuery插件

//把jQuery的整个实现过程存放在匿名函数中,就是有些内容肯定不能让外部访问,反之会存在危险

时间: 2024-10-26 01:00:05

jQuery学习之结构解析的相关文章

jquery学习笔记---each解析json数据

使用jQuery解析JSON数据 在上一篇的Struts2之ajax初析中,我们得到了comments对象的JSON数据,在本篇中,我们将使用jQuery进行数据解析. 我们先以解析上例中的comments对象的JSON数据为例,然后再小结jQuery中解析JSON数据的方法. 上例中得到的JSON数据如下,是一个嵌套JSON: {"comments":[{"content":"很不错嘛","id":1,"nickn

jquery学习之AJAX

1,关于AJAX的简单介绍 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与server交换数据并更新部分网页的艺术,在不又一次载入整个页面的情况下. 2,什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建高速动态网页的技术. 通过在后台与server进行少量数据交换,AJAX 能够使网页实现异步

jQuery学习笔记——jQuery常规选择器

一.简单选择器在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则.而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象.随后,我们就可以对这个获取到的 DOM 节点进行行为操作了.#box {//使用 ID 选择器的 CSS 规则color:red;//将 ID 为 box 的元素字体颜色变红}在 jQuery 选择器里,我们使用如下的方式获取同样的结果:$('#box').css('color', 'red

jQuery学习总结(一)

jQuery学习完了,但是感觉知识点很杂,想JavaScript一样,所以还是总结一下比较好. 1.DOCTYPE 在每次的html页面前都会有这样一句话,那么它有什么作用呢? DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档.也就是告知浏览器的渲染显示方式. 2.新的方法--专属jQuery (1)$()方法: 可以通过$()方法来获得页面的指定节点,参数是某种CSS的选择器. var userN

锋利jQuery 学习整理之 第六章 jQuery 与Ajax 的应用

1.Ajax 的XMLHttpRequest 对象 XMLHttpRequest 是Ajax 的核心,它是Ajax 实现的关键---发送异步请求.接受响应及执行回调都是通过它来完成的.XMLHttpRequest最早是在Microsoft Internet Explorer  5.0  ActiveX 组件中被引用的. 2.JQuery 中的Ajax jQuery 对Ajax 进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第二层是load().$.load()和$.post(

jQuery学习之开篇

吐槽 最近比较烦,对于一个前端白痴来说,工作方向突然转向前端这块着实让人蛋疼无比.前段时间简单的学习了下EasyUI,算是对其有一个简单的认知了吧.EasyUI的研究过程中发现,如果没有掌握JS.JQuery想要进行后续的开发会非常困难.得,又得学下JQuery,一种蛋蛋的忧伤.一直认为前端的水非常的深这段时间算是见识到了,哎,不过工作还的继续,吐槽完了,卯足干劲充电吧! 前言 某前端白痴一个,会点html+css+js.JQuery的学习书籍看的是<锋利的JQuery>,先入门看了两章,感觉

jquery学习之概述

jquery库的概述 jquery是继承Prototype之后的又一个优秀的Javascript库,由美国人Jone Resig创建于2006年1月,包括核心库,UI和插件等几部分,其宗旨是Writes less, do more. 官方网站:http://jquery.com/ jquery的版本分为压缩版(*.min.js)和非压缩版(*.js),压缩版供直接使用,非压缩版供调试使用,提供了插件供其它开发工具用作智能提醒. 一:核心函数jQuery,可以简写为$ 函数 功能 jQuery(e

第二十六篇 jQuery 学习8 遍历-父亲兄弟子孙元素

jQuery 学习8 遍历-父亲兄弟子孙元素 jQuery遍历,可以理解为"移动",使用"移动"还获取其他的元素. 什么意思呢?老师举一个例子: 班上30位同学,我是新来负责教这个班学生的老师,但我不认识所有学生,只认识上学期教过的几位同学.比如小明.我们再用一小串代码来作解释: <body> <span id="ming">我是小明</span> <span>我坐在小明后面,我叫李四</sp

锋利的JQuery 学习笔记

第一章 认识JQuery ·页面加载事件(可以写多个ready())$(document).ready(function(){alert(“hello world”);}) ·链式操作:JQuery允许你在一句代码中操做任何与其相关联的元素,包括其子元素.父元素等//选择名称为myDiv的元素,为其自身添加css1的样式,然后再选择其所有子元素a,为其移除css2样式$(“#myDiv”).addClass(“css1″).children(“a”).removeClass(“css2″); ·