【jQuery】jQuery基础

来源：互联网发布：电信移动网络自由切换编辑：程序博客网时间：2024/05/19 20:40

搭建jQuery开发环境

在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">

一个简单的jQuery示例

<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()。该函数使用频繁，因此在类库中还给它定义了一个快捷名：$ 。

这是jQuery在全局命名空间中定义的唯一两个变量。

jQuery是工厂函数，不是构造函数，它返回一个新创建的对象，但并没有和new关键字一起使用。

该方法返回 jQuery对象， jQuery对象定义了很多方法，可以用来操作它们表示的这组元素。

jQuery函数的调用方式

传递CSS选择器（字符串）给$() 方法

$()方法会返回当前文档中匹配该选择器的元素集；还可以将一个元素或jQuery对象作为第二个参数传递给$()方法，这时返回的是该特定元素或元素集的子元素中匹配选择器的部分。第二个参数是可选的。

传递一个Element，Document或Window对象给$()方法

$()方法只须简单地将该Element,Document或Window对象封装成jQuery对象并返回，这样可以使得jQuery方法来操作这些元素而不用使用原生的DOM方法。

传递HTML文本字符串给$()方法

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函数作为其命名空间，在下面定义了不少工具函数和属性。

0 0