摘要:网页中所有的结果绘制完毕后就执行,可能元素关联的东西并没有加载完。必须等待网页中所有的内容加载完毕后包括图片才能执行。对象就是通过包装对象后产生的对象。代码如下对象对象另一种方法是本身提供的,通过方法得到相应的对象。
$(document).ready(function{});//网页中所有的DOM结果绘制完毕后就执行,可能DOM元素关联的东西并没有加载完。
window.onload=function(){};//必须等待网页中所有的内容加载完毕后(包括图片)才能执行。
DOM对象和jQuery对象:
DOM对象:
var OUl=document.getElementById("id");//获取DOM对象;
可以通过JavaScript中的getElementById或者getElementsByTagName来获取元素节点。像这样得到的元素就是DOM元素。
jQuery对象:
$("#foo").html();//获取id为foo的元素内的html代码。
jQuery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery对象是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法。
在jQuery对象里边无法使用DOM对象得任何方法。同样,DOM对象也不能使用jQuery里边的方法。
jQuery对象和DOM对象的相互转化:
定义变量的风格:
var $variable=jQuery对象;//如果获取的是jQuery对象,那么变量前面加上$;
var variable=DOM对象;//获取的是DOM对象
jQuery提供了两种方法将一个jQuery对象转化为DOM对象,即[index]和get(index);
(1)jQuery对象是一个累死数组的对象,可以通过[index]的方法得到相应的DOM对象。
jQuery代码如下:
var $cr=$("#cr");//jQuery对象
var cr=$cr[0];//DOM对象
(2)另一种方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象。
jQuery代码如下:
var $cr=$("#cr");//jQuery对象
var cr=$cr.get(0);//DOM对象
DOM对象转化jQuery对象;
var cr=document.getElementById("cr");//DOM对象
var $cr=$(cr);//jQuery对象
对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获取一个jQuery对象了。转换后,可以任意使用jQuery中的方法。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/95143.html
摘要:构成类数组对象,引入,并使其自增版本信息模拟数组,即这里构成一个类数组对象由于这里把作为构造函数调用,得到一个对象,所以我们把作为的原型。 本文简单实现jQuery框架,深入理解javascript对象。本文的对照版本是jQuery-1.2.6.js 本文注重jquery结构设计思路,并不侧重具体功能的实现以及兼容性和安全性的部分。 首先建立基本框架如下: (function(wind...
摘要:到目前为止,的贡献者团队共名成员,多条,可想而知,是一个多么庞大的项目。参考源码分析整体架构源码解析读书笔记第二章构造对象函数详解本文在上的源码地址,欢迎来。 欢迎来我的专栏查看系列文章。 决定你走多远的是基础,jQuery 源码分析,向长者膜拜! 我虽然接触 jQuery 很久了,但也只是局限于表面使用的层次,碰到一些问题,找到 jQuery 的解决办法,然后使用。显然,这种做法的...
摘要:通常的做法是,为它们指定回调函数。请求返回请求返回请求返回异步队列解耦异步任务和回调函数为模块队列模块事件提供基础功能。 前言 jQuery整体框架甚是复杂,也不易读懂,这几日一直在研究这个笨重而强大的框架。jQuery的总体架构可以分为:入口模块、底层模块和功能模块。这里,我们以jquery-1.7.1为例进行分析。 jquery的总体架构 16 (function( window,...
摘要:最近想看一下源码,搜到了这样一篇博客从源码学到的件事情本文基于这篇视频博客,提炼了一些内容,分享给大家。的状态选择符,比如存放在里面 最近想看一下jQuery源码,搜到了这样一篇博客《从jQuery源码学到的10件事情》http://www.paulirish.com/2010/10-things-i-learned-from-the-jquery-source/ 本文基于这篇视频博...
摘要:提高业务编程能力中提供了很多的方法基本都兼容,我们可以使用这些方法快速开发项目中有的方法提供的思想可以让我们把项目实现得更优化提高基础以及一些高级编程思想分析源码,学习里面类库封装的思想和一些方法实现的原理有时间把中提供的常用方法都去实现一 jQuery 提高业务编程能力 JQ中提供了很多的方法(基本都兼容),我们可以使用这些方法快速开发项目 JQ中有的方法提供的思想可以让我们把...
阅读 2749·2021-11-16 11:45
阅读 1656·2021-09-26 10:19
阅读 2053·2021-09-13 10:28
阅读 2804·2021-09-08 10:46
阅读 1533·2021-09-07 10:13
阅读 1528·2019-08-30 13:50
阅读 1377·2019-08-30 11:17
阅读 1455·2019-08-29 13:18