jQuery - jQuery 简介

本文目录如下:

  1. 什么是 jQuery;
  2. 文档就绪函数;
  3. 基本语法;
  4. 命名冲突问题。

什么是 jQuery?

  1. jQuery 是一个 JavaScript 库,其极大地简化了 JavaScript 编程;
  2. jQuery 可以完成以下的功能:
  • HTML 元素的选取和操作;
  • CSS 操作;
  • HTML DOM 操作;
  • HTML 事件函数;
  • JavaScript 特效和动画;
  • Ajax;
  1. 目前几乎所有的浏览器都兼容 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 了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,574评论 0 106
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 670评论 0 3
  • 请记得在进行JQuery类库的运用时,加入JQuery类库,并且要保证先写文档就绪函数 $(document).r...
    Sunshinemm阅读 2,919评论 1 40
  • 警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document....
    鹿守心畔光阅读 2,858评论 3 104
  • 这句话我并不知道出自哪里,在微博上无意中看到。却让我记忆深刻。 我们生命中会出现很多人,而大多数,与我们熟知,亲密...
    大圈圈阅读 328评论 0 1