[document对象]   该对象是window和frames对象的三个属性,是显示于窗口或框架内的八个文书档案。

一、简介 1.1、概述
趁着WEB2.0及ajax观念在互联互连网的飞跃发展传播,时有时无出现了有的地道的Js框架,个中比较盛名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这一个JS框架应用到大家的档期的顺序中可知使程序猿从规划和书写繁杂的JS应用中解脱出来,将关切点转向意义必要而非实现细节上,进而升高项目标付出速度。
jQuery是继prototype之后的又一个非凡的Javascript框架。它是由 John Resig
于 2007 年终创立的,它推动简化 JavaScript™ 以及Ajax
编制程序。有人利用那样的一比喻来相比较prototype和jQuery:prototype似乎Java,而jQuery就像ruby.
它是三个简练飞速灵活的JavaScript框架,它能令你在你的网页上粗略的操作文书档案、处管事人件、达成特效并为Web页面增添Ajax交互。
它装有如下一些特色:

appendChild定义 appendChild(newChild: Node) : Node
Appends a node to the childNodes array for the node.
Supported: IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera
7.0+
丰硕贰个节点到钦点的节点的子节点数组中,读起来好象有一点拗口,轻易地说正是将成分增添到钦点的节点中
appendChild用法 target.appendChild(newChild)
newChild作为target的子节点插入最终的一子节点之后
appendChild例子

  属性

代码简练、语义易懂、学习高效、文书档案丰盛。 jQuery是一个轻量级的台本,其代码极其精美,最新版的JavaScript包独有20K左右。
jQuery支持CSS1-CSS3,以及着力的xPath。
jQuery是跨浏览器的,它协助的浏览器富含IE 6.0+, FF 1.5+, Safari 2.0+,
Opera 9.0+。
能够很轻易的为jQuery扩充其余功用。
能将JS代码和HTML代码完全分开,便于代码和保证和修改。
插件丰盛,除了jQuery本身富含的部分特效外,能够经过插件完毕越来越多效果与利益,如表单验证、tab导航、拖放效果、表格排序、DataGrid,树形菜单、图像特效以及ajax上传等。
jQuery的陈设会变动你写JavaScript代码的点子,缩小你读书运用JS操作网页的复杂度,提升网页JS开垦功用,无论对于js初学者照旧有名专家,jQuery都将是您的首要推荐。
jQuery适合于设计员、开采者以及那些万幸者,同样适合用于生意开采,能够说jQuery适合任何JavaScript应用的地点,可用以不一致的Web应用程序中。
官方站点: 中文站点:
1.2、目的 经过学习本文书档案,能够对jQuery有二个简练的认知通晓,清楚JQuery与任何JS框架的不相同,精晓jQuery的常用语法、使用本事及注意事项。
二、使用办法 在要求使用JQuery的页面中引进JQuery的js文件就可以。
例如:<script type=”text/javascript”
src=”js/jquery.js”></script>
引进之后便可在页面包车型大巴跋扈地点使用jQuery提供的语法。
三、学习课程及参照他事他说加以考察资料 请参照《jQuery中文API手册》和
引入两篇不错的jquery教程:《jQuery的起点教程》和《使用 jQuery 简化 Ajax
开荒》
四、语法计算和注意事项1、关于页面成分的援引
经过jquery的$()引用元素包罗透过id、class、成分名以及成分的层级关系及dom可能xpath条件等格局,且再次回到的靶子为jquery对象(集合对象),不能直接调用dom定义的情势。
2、jQuery对象与dom对象的调换 独有jquery对象本事选择jquery定义的措施。注意dom对象和jquery对象是有分别的,调用方法时要注意操作的是dom对象还是jquery对象。
万般的dom对象一般可以通过$()调换来jquery对象。
如:$(document.getElementById(“msg”))则为jquery对象,能够行使jquery的章程。
由于jquery对象自己是多个会晤。所以纵然jquery对象要退换为dom对象则必得收取当中的某一项,一般可由此索引抽取。
如:$(“#msg”)[0],$(“div”).eq(1)[0],$(“div”).get()[1],$(“td”)[5]那一个都以dom对象,可以选拔dom中的方法,但不能够再使用Jquery的议程。
以下二种写法都是不利的:

复制代码 代码如下:

  alinkColor 活动链接的颜色(ALINK)
  anchor 叁个HTMI锚点,使用<A
NAME=>标识创制(该属性自己也是多少个对象)
  anchors array 列出文书档案锚点对象的数组(<A
NAME=>)(该属性自己也是一个对象)
  bgColor 文书档案的背景颜色(BGCOLOHighlander)
  cookie 存款和储蓄于cookie.txt文件内的一段新闻,它是该文书档案对象的二个属性
  fgColor 文书档案的文书颜色(<BODY>标志里的TEXT本性)
  form 文书档案中的三个窗体(<FORM>)(该属性本人也是贰个指标)
  forms anay
根据其冒出在文书档案中的顺系列出窗体对象的二个数组(该属性本人也是贰个对象)
  lastModified 文书档案最终的改变日期
  linkColor
文书档案的链接的颜色,即<BODY>标识中的LINK性情(链接到客户并未有观测到的文书档案)
  link 文书档案中的贰个<A HREF=>标志(该属性自个儿也是三个目的)
  links array
文书档案中link对象的一个数组,根据它们出现在文书档案中的顺序排列(该属性自身也是叁个对象)
  location
当前显示文书档案的U福睿斯L。客户不能够退换document.location(因为这是最近展示文档的职位)。但是,能够更改window.location
(用别样文书档案代替当前文书档案)window.location自身也是贰个对象,而document.location不是指标
  referrer 包罗链接的文书档案的UEnclaveL,顾客单击该链接可达到当前文书档案
  title 文档的标题((TITLE>)
  vlinkColor
指向客户已观望过的文书档案的链接文本颜色,即<BODY>标识的VLINK特性

复制代码 代码如下:

var newElement = document.Document.createElement(‘label’);
newElement.Element.setAttribute(‘value’, ‘Username:’);
var usernameText = document.Document.getElementById(‘username’);
usernameText.appendChild(newElement);

  方法

$(“#msg”).html();
$(“#msg”)[0].innerHTML;
$(“#msg”).eq(0)[0].innerHTML;
$(“#msg”).get(0).innerHTML;

insertBefore定义
The insertBefore() method inserts a new child node before an existing
child node.
insertBefore() 方法的效率是:在存活的子节点前插入贰个新的子节点
insertBefore用法 target.insertBefore(newChild,existingChild)
newChild作为target的子节点插入到existingChild节点从前
existingChild为可挑选参数,当为null时其成效与appendChild一样

  clear 清除内定文书档案的源委
  close 关闭文书档案流
  open 张开文书档案流
  write 把公文写入文书档案
  writeln 把公文写入文书档案,并以换行符结尾

3、怎么样获取jQuery会集的某一项 对于取得的要素群集,获取当中的某一项(通过索引钦定)能够动用eq或get(n)方法可能索引号获取,要细心,eq重临的是jquery对象,而get(n)和目录重临的是dom成分对象。对于jquery对象只好使用jquery的法子,而dom对象只可以利用dom的办法,如要获取第多少个<div>成分的源委。有如下二种方法:

insertBefore例子

[window对象]
  它是二个顶层对象,并不是另一个目的的属性即浏览器的窗口。

复制代码 代码如下:

复制代码 代码如下:

  属性

$(“div”).eq(2).html(); //调用jquery对象的措施
$(“div”).get(2).innerHTML; //调用dom的方式属性

var oTest = document.getElementById(“test”);
var newNode = document.createElement(“p”);
newNode.innerHTML = “This is a test”;
oTest.insertBefore(newNode,oTest.childNodes[0]);

  defaultStatus 缺省的情况条音讯
  document 当前来得的文书档案(该属性本人也是一个目的)
  frame 窗口里的三个框架((FRAME>)(该属性本人也是一个目的)
  frames array
列举窗口的框架对象的数组,根据那几个目的在文书档案中冒出的相继列出(该属性本人也是一个对象)
  history 窗口的野史列表(该属性本人也是三个对象)
  length 窗口内的框架数
  location
窗口所体现文书档案的完全(相对)U中华VL(该属性本人也是一个对象)不要把它与如document.location混淆,后面一个是方今呈现文书档案的U索罗德L。客商能够更换window.location(用另贰个文书档案代替当前文书档案),但却不可能退换document.location(因为那是现阶段显示文书档案的职位)
  name 窗口张开时,赋予该窗口的名字
  opener 代表行使window.open打开当前窗口的剧本所在的窗口(那是Netscape
Navigator 3.0beta 3所引进的贰个新属性)
  parent 包涵当前框架的窗口的同义词。frame和window对象的三个属性
  self 当前窗口或框架的同义词
  status 状态条中的音讯
  top 富含当前框架的最顶层浏览器窗口的同义词
  window 当前窗口或框架的同义词,与self一样

4、同一函数完成set和get Jquery中的非常多艺术都以这么,主要不外乎如下多少个:

好了那么有insertBefore的应该也会有insertAfter吧?
好那我们来用Aptana编写二个事例吗,但Aptana的智能提示告诉小编实在并未有insertAfter那么些办法
那么就谐和定义一个罗:)
insertAfter定义

发表评论

电子邮件地址不会被公开。 必填项已用*标注