`

jQuery函数(jQuery全局函数)

阅读更多

在jQuery类库中,最重要的方法是jQuery()<也就是全局函数$()>,这是jQuery定义唯一两个全局函数.

 

注意:如果你在自己的代码中使用了$作为变量,或者引入了Prototype等使用$作为全局变量的类库,这时,为了避免冲突,可以调用jQuery.onConflict()方法来释放$变量,让其指向原始值.

 

jQuery()<$()>方法的功能很强大.有5中不同的调用方式:

    1.用作元素选择器,返回从当前文档中匹配该选择器的元素集.

例如:

       $("p");  =>  选中当前文档中的所有"<p>"元素.

 

    2.将其他对象转换为jQuery对象.接收其他对象(Element,Document或Window)为参数,返回对应的jQuery对象.

 例如:

        $(document);  =>  将DOM对象转换成对应的jQuery对象,这样就可以使用jQuery方法来操作元素,而不使用原生的DOM方法.

 

    3.将HTML文本字符串转换为HTML元素并封装成对应的jQuery对象.

例如:

       $("<p>这是一段文本</p>");  =>  创建了一个p标签对象

 

    4.加载函数.接收一个函数作为参数,当文档加载完毕并且DOM可操作时,这个函数将被调用.例如:

 

$(function(){  //文档加载完毕时调用
    //jquery代码
});

 对应的老式和完整的写法为:

 

 

$(document).ready(function(){  //文档加载完毕时调用
    //jquery代码
});

 传给jQuery的函数在被调用时,this指向document对象,被调用函数接收的唯一参数指向jQuery函数.这意味着在释放了全局的$()函数后,在内部依然可以使用$.例如:

 

 

jQuery.onConflict();  //还原$()为初始值
jQuery(function($){  //让$()成为jQuery对象的局部别名
    //jquery代码
});

 通过$()注册的函数将在DOMContentLoaded事件触发时由jQuery触发.当浏览器不支持该事件时,会在load事件触发时由jQuery触发.这就是说,文档已经解析完毕,但图片等外部资源有可能还未完全加载.

 

 

 

    5.作为工具函数或全局属性的命名空间.例如:

jQuery.onConflict();  =>  释放$变量,使其指向原始值.

jQuery.each();  =>  遍历函数

jQuery.parseJSON();  =>  用于解析JSON文本.

 

 

 

分享到:
评论

相关推荐

    JQuery函数全面教程

    **jQuery函数全面教程** 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。本教程将深入探讨jQuery的核心函数,帮助你掌握这个强大工具的各个方面。 1. **...

    jQuery实现的Ajax函数(已测试)——ASP

    jQuery提供了一套完善的解决方案,如使用`$.ajaxSetup()`配置全局选项,使用`$.when()`处理多个并发请求,以及使用`$.ajaxStop()`、`$.ajaxStart()`监听请求状态。 最后,对于文件上传,jQuery的Ajax函数不能直接...

    jQuery插件制作之全局函数用法实例

    在本文中,我们将深入了解如何使用jQuery插件创建全局函数,以及如何有效地将它们应用于Web开发中。首先,全局函数在jQuery中是指那些作为jQuery对象方法提供的函数,它们构成了jQuery库的一部分。为了防止命名冲突...

    javascript(jquery)利用函数修改全局变量的代码

    标题中的问题涉及到JavaScript和jQuery,特别是如何通过函数正确地修改全局变量并确保其在后续操作中生效。在描述中,作者遇到了一个博客评论系统的问题,当用户点击“最后一页”链接时,期望立即加载最后一页的评论...

    jQuery.extend 函数详解

    上述代码将`hello`方法添加到了jQuery全局对象`$`中,可以通过`$.hello()`来调用它。 **2. 合并到jQuery实例对象** ```javascript $.fn.extend({ hello: function() { alert('Hello'); } }); ``` 这行代码将`...

    jquery与js函数冲突的两种解决方法.docx

    这样,即使在全局作用域中`$`已经被其他库占用,函数内部的`$`依然可以代表jQuery。以下是一个例子: ```javascript jQuery.noConflict(); // 释放$ (function($) { // 这里的$代表jQuery,不会与全局的$冲突 $...

    JQuery工具函数汇总

    在jQuery中,工具函数是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的,我们统称为工具函数,或Utilites函数 主要作用于:字符串、数组、对象 API:工具函数 调用格式:  $.函数名()或jQuery.函数名...

    jQuery:jQuery.extend函数详解

    通过使用`$.extend`,可以直接向jQuery全局对象中添加新的方法: ```javascript $.extend({ hello: function () { alert('Hello!'); } }); ``` 这样,就可以像使用其他jQuery方法一样使用`$.hello()`。 ##### ...

    jQuery 自定义函数写法分享

    `$.extend` 方法用于将函数合并到 jQuery 的全局对象中,而 `$.fn.extend` 方法用于将函数合并到 jQuery 的实例对象中。 例如:`$.extend({net: {}})`,就是在 jQuery 全局对象中扩展一个 `net` 命名空间。`$....

    使用jQuery(中级),第1部分使用插件创建和扩展jQuery函数[归纳].pdf

    - **闭包**:插件内部可以使用闭包来保存状态和数据,防止全局变量污染。 - **选项与配置**:插件常提供配置选项,通过传递对象参数来定制行为。 - **事件处理**:插件可以注册事件监听器,响应用户交互或页面状态...

    jQuery自定义插件开发基础1——jQuery实用函数的实现

    在本文中,我们将深入探讨jQuery自定义插件的开发基础,特别是如何实现jQuery实用函数。首先,我们需要了解jQuery的核心理念,它是一个轻量级的JavaScript库,极大地简化了DOM操作、事件处理、动画效果和Ajax交互。...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    jQuery 1.9.1版本是一个重要的里程碑,它对旧的API进行了清理和重构,移除了一些不推荐使用的函数和方法,以保持库的简洁性和未来发展的兼容性。例如,`.live()`方法在这一版本中被移除,取而代之的是`.on()`和`.off...

    关于jquery中全局函数each使用介绍

    指定url中的json文件 jquery 会内置的调用 js原生 的eval函数来解析json文本 转换成一个 js对象 然后通过each全局函数 进行遍历 以取得其中的值 语法 each(data,[params],function(当前项索引,当前项)) 这也是与 ...

    eslint-plugin-jquery:禁止使用本机等效项的jQuery函数

    禁止将jQuery函数与本机等效项一起使用。 安装 您首先需要安装 : $ npm install eslint --save-dev 接下来,安装eslint-plugin-jquery : $ npm install eslint-plugin-jquery --save-dev 注意:如果全局安装了...

    jQuery插件开发全解析

    类级别的插件开发主要指的是给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。这些全局函数归属于jQuery命名空间,可以在任何地方被调用。 **1.1 添加一个新的全局函数** 可以通过简单的函数定义来实现。...

    jQuery.js的构造函数分析.doc

    如果构造函数是在全局 `window` 对象的上下文中被调用的,那么返回一个新的 jQuery 对象实例。这是为了确保每次调用 `$()` 都能创建一个独立的 jQuery 实例。 ##### 3.6 分析 HTML 字符串 ```javascript if (a....

    jQuery插件,jQuery插件

    1. **封装函数**:首先,你需要将你的功能封装成一个函数,这个函数接收jQuery对象作为参数,以便于操作选中的DOM元素。 2. **扩展jQuery**:然后,使用`.fn`(即`jQuery.fn`)来扩展jQuery的原型,这样你的函数就...

    Jquery作者John Resig自己封装的javascript 常用函数

    **jQuery作者John Resig封装的JavaScript常用函数** John Resig是jQuery库的创建者,他的工作对于现代Web开发产生了深远的影响。在JavaScript的世界里,他不仅贡献了强大的jQuery框架,还编写了许多实用的辅助函数...

    jQuery.js执行过程分析

    `将jQuery绑定到全局变量`$`,方便外部调用。这样,开发者可以通过`$`或`jQuery`来访问和使用jQuery的功能。 3. **原型链扩展**: jQuery通过在`jQuery.prototype`(即`jQuery.fn`)上添加方法,实现了方法的共享...

Global site tag (gtag.js) - Google Analytics