前言
出于兴趣,最近在自学jQuery,主要是看《jQuery实战》和W3School的入门教程。在这里把学习时做的笔记发出来和大家分享,也算是对知识的一个梳理。
本人刚入门,经验不足,如果有误,还希望得到各位大神的指点。
和原生js相比,jQuery将行为和结构区分更明显,就好比CSS将样式与结构区分开,这样既便于阅读,也便于日后的修改。
jQuery不是一种新的语言,而是一个JavaScript函数库。
可以实现如下功能:
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
类似于其他语言使用库函数的方法,使用jQuery也需要类似于“include”、“import”的操作。
导入jQuery库,可以在<head>标签中引入官网下载的jquery.js,也可以使用Google和Microsoft的CDN
<head>
<script src="jquery.js"></script>
</head>
或(以下代码中的1.4.0是版本号)
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
</head>
或
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
</head>
使用CDN的优点是提高页面的加载速度,缩短响应时间。
许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery,当他们访问这个的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。