jQuery对象的创建

jQuery对象的创建（一）

在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版本…

JQuery源码解析-- 对象的创建

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

关于DOM对象与JQuery对象的那些事

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

JavaScript 对象、DOM对象、jquery对象的区别、转换详解

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

jquery对象操作

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

jQuery.buildFragment源码分析以及在构造jQuery对象的作用

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

jQuery – 7.动态创建Dom、删除节点

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

细说jQuery原型的创建和实现原理，并用实例简单模仿

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

jQuery对象入门级介绍

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

jQuery编程基础精华01（jQuery简介,顶级对象$,jQuery对象、Dom对象,链式编程,选择器）

jQuery简介什么是jQuery? jQuery就是一个JavaScript函数库,没什么特别的.(开源)联想SQLHelper类 jQuery能做什么?jQuery是做什么的? jQuery本身就是一堆JavaScript函数,JavaScript是做什么的,jQuery也一样.毕竟jQuery只是用JavaScript编写的函数库而已,有些功能jQuery没有封装,则还需要通过自己写JavaScript来实现. jQuery的特点?Write Less,Do More 对于不同控件具有统…

【简译】jQuery对象的奥秘：基础介绍

本文翻译自此文章你有没有遇到过类似$(".cta").click(function(){})这样的JavaScript代码并且在想“$('#x')是什么”?如果这些对你想天书一样,请往下读.如果你认为这些代码不可能是真的,请浏览一些jQuery例子,他们都是这种结构. 这篇文章覆盖了像下面一样吓人的代码片段中涉及的关键概念.我们以一个长例子开始,这个长例子是基于一个让一个正方形运动的简单例子(a simple example of animating a square).你可能不需要…

Dom对象和JQuery对象的详细介绍及其区别

一直搞不清Dom对象和JQuery对象之间的区别,今天好好总结下 1.dom对象(摘抄自百度百科http://baike.baidu.com/link?url=4L8bZ7kW6kE-it4F-1LUIgaPhjuTTPIVJu9wZafjm-M7QJw5J8kkAWUpItGBb-eoEXK9-q8vwmz6funpAOfQsa) DOM—Document Object Model,它是W3C国际组织的一套Web标准.它定义了访问HTML文档对象的一套属性.方法和事件. DOM是以层次结构组织…

JQuery $ $.extend(),$.fn和$.fn.extend javaScript对象、DOM对象和jQuery对象及转换工具方法(utility)

一.为什么jquery前面要写$ Javascript没有package的概念,而作者又希望所有jQuery相关的API都能通过一个全局性的对象来容纳. 名为jQuery的全局变量就是这样一个对象,不过显然作者也觉得没必要每次都要大家写jQuery.balabala......这样有点小啰嗦了,于是就又给了jQuery一个简短而独特的别名——$. 二.$.fn $.extend() $.fn.extend 理解jquery的$.extend().$.fn和$.fn.extend() …

jQuery学习之旅 Item5 $与jQuery对象

1.$符号的由来 $符号本质就是函数的名字. jquery源码分析通过分析我们知道,在jquery里边不只可以使用$符号,还可以使用jQuery标志解决冲突问题有的项目是中间过渡项目(prototype和jquery框架都有使用) prototype框架也使用$符号 jquery里边也使用符号现在就分不清楚符号到底是prototype框架的还是 jquery框架的 jquery本身有方法可以是的$符号的使用权被让出来 jQuery.extend({ noConflict: functio…

jQuery对象和普通DOM对象的区别

1.DOM对象DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系.根据W3C DOM规范,DOM是HTML与XML的应用编程接口(API).通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素.HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用.DOM对象,即是我们用传统的方法…

JQuery官方学习资料（译）：JQuery对象

每当创建一个新的元素(或者选择一个已经存在的元素)时,JQuery将返回一个元素的集合.大部分的开发人员新接触JQuery的时候,都把这个集合当做数组.这个集合中的DOM元素有从零开始的索引,这集合也包含了数组常用的方法和length属性,但是JQuery对象是比这更加复杂的. DOM和DOM元素这里DOM表示的是一个HTML文档,它可能包含了许多的DOM元素,一个元素可以是一个页面内的一片东西,它包含了文本还有其他的DOM元素.也可以是一个单一的DOM元素由类型(标签).属性…

jquery 1.7.2源码解析（二）构造jquery对象

构造jquery对象 jQuery对象是一个类数组对象. 一)构造函数jQuery() 构造函数的7种用法: 1.jQuery(selector [, context ]) 传入字符串参数:检查该字符串是选择器表达式还是HTML代码.如果是选择器表达式,则遍历文档查找匹配的DOM元素, 并创建一个包含这些DOM元素引用的jQuery对象.如果没有匹配的DOM,则创建一个length属性为0的空jQuery对象. 默认情况下对匹配元素的查找从根元素document开始,但也可以传入context参…

JS对象与Dom对象与jQuery对象之间的区别

前言通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 $("#save").disabled = true; //没有效果分析: 其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象解决方法: 1)用JQ写法 $("#save").attr("disabled","true&…

jQuery对象的获取与操作方法总结

一.文章概述: 众所周知,jQuery 是一个 JavaScript 库,包含多个可重用的函数,用来辅助我们简化javascript开发,它极大地简化了 JavaScript 编程.但是需要注意的一点是:jQuery能做的javascipt都能做到,而javascript能做的事情,jQuery不一定能做到,也就是说jQuery的操作是包含在JavaScript中的,只不过很多方法都封装在库中,使得我们在操作jQuery时十分方便. 而jQuery的操作归结起来其实就是两点:一个是通过“某个标识…