美文网首页我爱编程
jQuery - jQuery 简介

jQuery - jQuery 简介

作者: AshengTan | 来源:发表于2016-08-07 13:52 被阅读71次

    本文目录如下:

    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 了。

    相关文章

      网友评论

        本文标题:jQuery - jQuery 简介

        本文链接:https://www.haomeiwen.com/subject/hodlsttx.html