如何向网页中添加jQuery库?
jQuery库可以通过如下一行简单的标记被添加到网页中:
<script type="text/javascript" src="jquery.js"></script>
注意,<script>标签应位于页面的<head>部分。从HTML5开始,可以省略type="text/javascript",是因为JavaScript是HTML5以及所有现代浏览器中默认的脚本语言。但是为了兼容性,我们还是不省略较好。
截止本文,jQuery最新版本为1.10.2。官方下载地址:http://jquery.com/download/。其中:
- Production version - 用于实际的网站中,已被精简和压缩。
- Development version - 用于测试和开发(未压缩,是可读的代码)
jQuery语法
通过jQuery,可以选取(查询,query)HTML元素,并对它们执行操作(actions)
基础语法:$(selector).action()
美元符号$定义jQuery,标识着当前使用的是jQuery库。
选择符(selector),标识着查找HTML元素
action(),标识着对选取元素selector的操作
例:$('p').hide(); 隐藏所有p标签
前一章的例子中涉及到了文档就绪函数$(document).ready(function(){});
这事为了防止文档在完全加载(就绪)之前运行jQuery代码。如果当前网页文档没有完全加载之前就运行jQuery代码,操作可能失败。
此函数可以使用简化的写法$(function(){});