在jQuery网站(http://jquery.com)中,下载最新版本的jQuery文件库(未压缩版本):
jquery-1.11.1.js
下载完jQuery框架文件后,并不需要任何安装,仅需要使用<script>标记导入,假设文件保存在文件夹Jscript中:
<script language="javascript" type="text/javascript" src="Jscript/jquery-1.11.1.js">
<html> <head> <script language="javascript" type="text/javascript" src="Jscript/jquery-1.11.1.js"> </script> <script type="text/javascript"> $(document).ready(function(){ alert("Hello jQuery!"); }); </script> </head> <body> </body> </html>
$(document).ready(function(){}) 可以简写成:
$(function() {})
jQuery类库定义了一个全局函数:jQuery()。该函数使用频繁,因此在类库中还给它定义了一个快捷名: $ 。
这是jQuery在全局命名空间中定义的唯一两个变量。
jQuery是工厂函数,不是构造函数,它返回一个新创建的对象,但并没有和new关键字一起使用。
该方法返回 jQuery对象, jQuery对象定义了很多方法,可以用来操作它们表示的这组元素。
$()方法会返回当前文档中匹配该选择器的元素集;还可以将一个元素或jQuery对象作为第二个参数传递给$()方法,这时返回的是该特定元素或元素集的子元素中匹配选择器的部分。第二个参数是可选的。
$()方法只须简单地将该Element,Document或Window对象封装成jQuery对象并返回,这样可以使得jQuery方法来操作这些元素而不用使用原生的DOM方法。
jQuery会根据传入的文本创建好HTML元素并封装为jQuery对象返回。jQuery不会将刚创建的元素自动插入文档中。在这种调用方式下,不可传入存文本,因为jQuery会把纯文本当成CSS选择器来解析。当使用这种调用风格时,传递给$()方法的字符串必须至少包含一个带有尖角括号的HTML标签。当使用第三种调用方式时,$()可接受可选的第二参数。第二个参数可以是object对象,当第二个参数对象的属性表示HTML属性的键/值对,这些属性将设置到所创建的对象上。当第二参数对象的属性名是“css”, "html", "text", "width", "height", "offset", "val", "data"或属性名是jQuery事件处理程序注册方法名时,jQuery将调用新创建元素上的同名方法,并传入属性值,例如:
var img=$("<img/>", // 新建一个<img>元素 {src:url, css:{borderWidth:5}, // 样式 click:handleClick // 事件处理程序 });
当文档加载完毕且DOM可操作时,传入的函数将被调用:
jQuery(function(){}); 或 $(function(){});
传给jQuery()的函数在被调用时,this指向document对象。
jQuery类库还使用jQuery函数作为其命名空间,在下面定义了不少工具函数和属性。