在jQuery的常规用法中,执行"$()"返回的是一个jQuery对象,在源码中,它是这样定义的: ... var jQuery = function() { return new jQuery.fn.init(); } ... jQuery.fn = jQuery.prototype; 可以得出以下几个结论: 1.jQuery.fn.init()就是jQuery.prototype.init():2.init()函数是一个构造函数,就是通过调用它创建的jQuery对象,它定义在jQu…

1.js类库 JavaScript封装了很多的预定义的对象和实用函数,能帮助使用者建立有高难度交互 客户端页面,并且兼容各大浏览器.跑在浏览器,请求服务器 当前比较流行的js库: jquery EXT_JS 2.0开始收费 Dojo 需要引入很多js单独文件 Prototype 对js扩展,框架开发 YUI 淘宝UI jquery介绍: 轻量级:依赖程序少,占用资源少 兼容CSS3 文档说明很全 js代码和html代码分离 免费开源 分类: WEB版本 UI版本 mobile版本 qunit版本…

使用 $("a") 返回的对象就不再是一个简单的DOM对象了,而是一个复杂的JQuery对象. 那么JQuery是怎么创建对象的. 为了便于分析,我将JQuery中复杂的代码简化了一番,便于分析. (function(global,factory){ factory(global); })(this,function(window,noGlobal){ var myJQuery=function(selector,context){ return new myJQuery.fn.ini…

这个问题源自上一次的工作室讨论班,主题是"jQuery选择器的使用",在讨论班的结尾,我留了一个思考题:  jQuery获取到的对象和直接调用原生Javascript方法获得的对象有何区别呢?   这个思考题所引申出的内容就是今天的主题了:  关于DOM对象与jQuery对象的那些事~ 一.DOM对象与jQuery对象 jQuery是前端领域最流行的插件库之一了,是前端人员必学的技术之一.其强大的选择器.方便快捷的DOM操作能够在一瞬间俘获开发者的心灵,工作室里也有个代代相传的建议:千…

一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascript] var message="Hello World!"; var x=message.length; 创建 JavaScript 对象: [javascript] person=new Object(); person.firstname="Bill"; perso…

     大类                                JQ方法                      备注 创建元素 var $h1 = $(“<h1></h1>”) 将内含的HTML包装为JQuery对象,并返回 创建文本 var $h1 = $("<h1>DOM模型</h1>") 可以用任何HTML代码创建文本 创建属性 var $h1 = $(“<h1 class = ‘red’>DOM模型&…

这个方法在jQuery源码中比较靠后的位置出现,主要用于两处.1是构造jQuery对象的时候使用 2.是为DOM操作提供底层支持,这也就是为什么先学习它的原因.之前的随笔已经分析过jQuery的构造函数了,也提到了有12个分支,其中有一个分支就是通过jQuery.buildFragment方法来处理的,什么情况呢?就是在处理复杂html标签的时候,例如$('<div>123</div>')这样的形式,在构造函数内部通过ret变量判断是不是简单标签,如果是就调用js的createEl…

动态创建Dom节点     1.使用$(html字符串)来创建Dom节点     2.append方法用来在元素的末尾追加元素     案例:动态生成网站列表     3.prepend,在元素的开始添加元素. prependTo.after,在元素之后添加元素(添加兄弟).before:在元素之前添加元素(添加兄弟). 删除节点     (1)remove()删除选择的节点     (2)empty()是将节点清空,清除节点的innerHTML,节点还在     案例:权限选择     练习:…

在解析jQuery实现机理之前,我们先总结一下几点知识,这些都是我学习路上遇到的坑,我跌倒过很多次,现在把它补上: 1)自定义构造函数,如下例: function person(){ this.name="aa"; } person(); console.log(window.name);//aa 这个函数是为了证明全局环境下的执行上下文是window(全局)对象,如上例无意间会创建一个全局变量name,因为this指向window对象.其实不通过new构造,执行函数内部的“this.…

你是否曾经见过像  $(".cta").click(function(){})这样的JavaScrip代码?或许你还会思考下 $('#X') 是什么,如果看到这些你都觉得摸不着头脑,那请一定要读完这篇文章.如果你觉得上述的代码片段是不能正常工作的,那请先看一些jQuery的代码范例,你会发现链接中的代码都是这样的结构. 这篇文章将会分析下面代码片段(动画化一个方形)中出现的一些关键知识点.你可能不会经常接触这样的代码,但了解一下这段代码的机制有助于你理解jQuery: 1 2 3 4…