(三)jquery操作DOM

转自:http://blog.csdn.net/lovesummerforever/article/details/45563239

什么是DOM?

       DOM(Document Object Model,简称DOM),文档对象模型。

       DOM是w3c的标准。DOM定义了访问HTML和XML文档的标准:W3C文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

       Document:即文档,我们创建一个页面并加载到WEB浏览器的时候,DOM模型根据该页面的内容创建一个文档文件。

       Object:即文件,新建页面成为文档对象,对象关联特征称为文档属性,访问对象函数称对象方法。

       Model:即模型。在页面中通过树状模型展示页面的元素和内容。


       例如如下html代码

[html]  view plain  copy
 print ?
  1. <span style="font-family:Microsoft YaHei;font-size:14px;">    >  
  2.     <html xmlns="http://www.w3.org/1999/xhtml">  
  3.     <head>  
  4.         <title>DOM树状文档title>  
  5.         <script type="text/javascript" src="Jscript/jquery-1.8.2.min.js">script>  
  6.         <style>  
  7.           body{font-size:13px}  
  8.           table,div,p,ul{width:280px;border:solid 1px #666;  
  9.           margin:10px 0px 10px 0px;  
  10.           padding:0px;background-color:#eee}  
  11.         style>  
  12.     head>  
  13.     <body>  
  14.          <table>  
  15.            <tr><td>Td1td>tr>  
  16.            <tr><td>Td2td>tr>  
  17.          table>  
  18.          <div>Divdiv>  
  19.          <p>Pp>  
  20.          <div><span>Spanspan>div>  
  21.          <ul>  
  22.            <li>Li1li>  
  23.            <li>Li2li>  
  24.          ul>    
  25.     body>  
  26.     html>  
  27. span>  
       其对应的树状模型如下图


(三)jquery操作DOM_第1张图片

jquery操作DOM

       如下图所示

(三)jquery操作DOM_第2张图片

       (图片看不全,请右拉下方滚动条,谢谢)


       上图中主要是针对jQuery操作元素属性,jquery操作元素CSS,jquery操作页面节点三方面来说的。孔子说“学而时习之,不亦说乎”,学到的东西有机会付诸于实践,这不是一件值得高兴的事情吗?实践是检验真理的唯一标准,还是在实践中使用,这样才能得到。

       PS:w3c jquery--http://www.w3school.com.cn/jquery/


你可能感兴趣的:(jquery,dom)