读Hean first jQuery笔记1(基础)


html+css

    对于指定页面结构和样式很不错,一旦绘制html页面,就会漂漂亮亮出现在你面前,只不过是静态的。说到底只是控制页面如何显示而已。无法为web页面增加行为


读Hean first jQuery笔记1(基础)_第1张图片


jQuery

为web页面添加行为。所有浏览器都提供了内置的javascript解释器,javascript能对解释器下达指令。

jQuery是专门用来动态改变web页面文档的javascript库。


读Hean first jQuery笔记1(基础)_第2张图片


jQuery在浏览器中改变web页面的原理:

    浏览器使用html文档对象模型(Document Object Model,DOM)将一个只包含html标记和css代码的页面构建为一个可点击的页面。javascript解释器引用DOM对Web页面做出修改而无需重新加载。

    javascript和jQuery使用DOM来改变页面的结构

读Hean first jQuery笔记1(基础)_第3张图片


$()是jQuery()的简写

jQuery选择元素的方式与css完全相同

读Hean first jQuery笔记1(基础)_第4张图片


把<script>标记放在页面最下面的</body>前面的原因是:

    脚本放在<head></head>会阻塞浏览器中的并行下载,不同服务器的多个图片可以同时下载,不过一旦浏览器遇到一个<script>标记,就不能再并行的下载多个元素了,所在放在最下面,意味着有助于提高页面的加载速度。


创建一些存储空间:

读Hean first jQuery笔记1(基础)_第5张图片


数组

读Hean first jQuery笔记1(基础)_第6张图片

你可能感兴趣的:(读Hean first jQuery笔记1(基础))