HTML、HTML DOM、Javascript、CSS以及jQuery使用小结

HTML、HTML DOM、Javscript、CSS以及jQuery

前言

最近匆匆扫了一遍关于上述内容的简单教程，开始依葫芦画瓢编写移动免流项目的h5页面。在写js文件的过程中对所出现的语法感到了混淆，特总结一下

HTML

事件：基本都是以on开头，比如onclick, onload等

属性：描述的某个标签元素的与样式无关的属性。比如src, href等

样式：描述的是某标签元素与样式、布局等相关的属性。语法为：

style = {}

HTML DOM

Document Objects Model: 文档对象模型。

HTML DOM: 定义了所以HTML元素的对象和属性, 以及访问它们的方法。换言之，是关于如何获取、修改、添加或者删除HTML元素的标准。

对象

分为四类：document对象， 元素对象（如anchor, button等），attr对象以及event对象。

对象的属性和方法

不同的对象有不同的属性和方法。比较通用的属性有：innerHTML, parentNode, attributes；比较通用的方法有：createElement(), getElementById(), removeChild(), appendChild()等

jQuery

是javascript的一个库, 提供了HTML元素的选取、操作、css操作、HTML事件函数、动画等功能。

基本语法

$(selector).action()

其中的action名字并不直接是HTML标签元素的事件名，而是有一个与之对应的相似的名字。

注意， jQuery中有自己特有的api。 这些api的名字与HTML DOM中提供的api是不一样的。