本文目录如下:
- 什么是 jQuery;
- 文档就绪函数;
- 基本语法;
- 命名冲突问题。
什么是 jQuery?
- jQuery 是一个 JavaScript 库,其极大地简化了 JavaScript 编程;
- jQuery 可以完成以下的功能:
- HTML 元素的选取和操作;
- CSS 操作;
- HTML DOM 操作;
- HTML 事件函数;
- JavaScript 特效和动画;
- Ajax;
- 目前几乎所有的浏览器都兼容 jQuery。
文档就绪函数
文档就绪函数,与原生 JavaScript 中的 <code>window.onload</code> 作用类似,都是等待 HTML 文档加载完毕,之后再执行就绪函数里的代码;不同的是,在原生 JavaScript 中,一个 HTML 文档中只能有一个 <code>window.onload</code> 函数,而在 jQuery 中,文档就绪函数却可以有多个,并且不会相互覆盖的。
文档就绪函数格式如下:
$(document).ready(function () {
alert("full");
});
也可以简写成下面的格式:
$(function () {
alert("simple");
});
基本语法
jQuery 的基本语法如下:
$(selector).action();
$: 定义 jQuery;
selector: 选择器,用于查找 HTML 元素;
action(): 执行对元素的操作。
命名冲突问题
jQuery 是一个 JavaScript 库,而 JavaScript 库却不止 jQuery 这一个库,jQuery 中使用了 <code>$</code> 这个符号来表示 jQuery,而其他 JavaScript 库也有可能也使用 <code>$</code> 来表示它们本身,这就有可能存在命名冲突问题了,为了解决这个问题,jQuery 提供了 <code>noConflict()</code> 这个方法,来解决命名冲突的问题: <code>var jq=jQuery.noConflict()</code> ,这样即表示使用 <code>jq</code> 来表示 jQuery 了。