jQuery学习记录(二):如何使用jQuery库

如何向网页中添加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(){});

posted @ 2013-11-01 09:21  六十七度老白干  阅读(275)  评论(0编辑  收藏  举报