`
shxi
  • 浏览: 1868 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别

阅读更多
1.jQuery(function(){ });
用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在。不可用于存放开发插件的代码,因为jQuery对象没有得到传递,外部通过jQuery.method也调用不了其中的方法(函数)。
2.(function(){ })(jQuery);
用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码请小心使用。
开发插件的格式如下:
    (function ($) {
        $.fn.test = function () {
            alert('test')
        }
    })(jQuery);

调用插件
$("#elementid").test ();
注意:
(function($){...})(jQuery)实际上是匿名函数
分享到:
评论

相关推荐

    ajaxFileUpload 报这错jQuery.handleError is not a function

    当你遇到“jQuery.handleError is not a function”的错误时,这意味着在使用ajaxFileUpload过程中,程序尝试调用jQuery的一个错误处理方法,但这个方法在当前版本的jQuery中并未定义。这个问题通常出现在从较旧的...

    JQuery中$(function()的用法

    JQuery中$(function()的用法

    jQuery1.12.4+jQuery中文手册.rar

    在本压缩包中,我们有两个版本的jQuery核心库文件:`jquery-1.12.4.js` 和 `jquery-1.12.4.min.js`。前者是未压缩的源代码,适合开发调试使用,后者是经过压缩和优化的版本,适用于生产环境,体积更小,加载速度更快...

    jquery 用法 (function($) {})(jQuery);的用法

    页面前端 jquery 用法 (function($) {})(jQuery);的用法

    怎样理解(function($){...})(jQuery)

    本示例主要用于揭示Jquery中的(function($){...})(jQuery),欢迎下载!!!相关博客:http://blog.csdn.net/gaohuanjie/article/details/38268831

    jQuery(document).ready(function($) { });的几种表示方法

    **第五种:jQuery的`$(document).ready()`与`window.onload()`的区别** - `$(document).ready()`在DOM元素加载完毕后立即执行,不需要等待所有资源(如图片、CSS等)加载完成。 - 相比之下,`window.onload()`需要...

    jquery 中文帮助文档

    这些插件通常通过`$.fn.extend()`方法与jQuery集成。 **jQuery 1.2.6 版本** 在jQuery 1.2.6版本中,包含了该时期jQuery的核心功能。虽然现在有更新的版本,但了解早期版本有助于理解jQuery的发展历程和基本原理。...

    jQuery中(function($){})(jQuery)详解

    在jQuery的代码中,我们经常看到一种特殊的语法结构 `(function($){})(jQuery)`,这被称为立即执行函数表达式(IIFE,Immediately Invoked Function Expression)。这个结构在jQuery插件开发中尤为常见,因为它提供...

    jquery-migrate3.4版本

    jQuery Migrate 主要是为了弥补jQuery新版本中移除或改变的功能与旧代码之间的差距。它通过警告和恢复被弃用的功能,使得开发者能够识别并修复代码中的问题,从而顺利升级到最新的jQuery库。 2. **版本3.4.0的特性...

    jquery中alert实现代码

    "jquery中alert实现代码"这个主题主要关注如何在jQuery中使用自定义的alert对话框,而不是浏览器默认的alert函数。通常,浏览器内置的alert函数会中断页面执行,显示一个简单的信息框,只有一个“确定”按钮。然而,...

    JQuery1.10+中文完整API

    jQuery 是一款广泛应用于 Web 开发中的 JavaScript 库,以其简洁的语法和强大的功能深受开发者喜爱。此资源包含 jQuery 1.10 及其之前的 1.4 版本的中文完整 API 文档,对于学习和使用 jQuery 的开发者来说是宝贵的...

    jQuery中文API和jQuery.js文件

    最后,jQuery的Ajax功能简化了与服务器的异步数据交换。`$.ajax()`方法是核心,支持GET、POST等多种请求方式。例如,`$.ajax({ url: 'data.json', type: 'GET', success: function(data) { ... } })`会发送GET请求到...

    Jquery演示 jquerydemo jquery常用

    **jQuery 演示:深入理解与应用** jQuery 是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本篇文章将围绕"jQuery演示"这一主题,深入探讨jQuery的...

    jquery中文版离线手册

    3. **事件处理**:jQuery统一了跨浏览器的事件处理,`click(function)`绑定点击事件,`bind('event', function)`绑定多种事件。 4. **链式操作**:jQuery对象方法返回的是jQuery对象本身,允许连续调用多个方法,如`...

    jquery-1.12.4-jquery.min.js.zip

    《jQuery 1.12.4.min.js:前端开发中的基石》 在现代网页开发中,jQuery 是一个不可或缺的库,它极大地简化了JavaScript的使用,使得DOM操作、事件处理、动画效果以及Ajax交互变得更加简单易行。"jquery-1.12.4-...

    jquery高亮图片框 jquery图片展示 jquery效果很好

    在网页设计和开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。标题“jquery高亮图片框 jquery图片展示 jquery效果很好”所指的知识点主要围绕jQuery如何实现高亮图片框...

    jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结

    引入后,就可以在页面中使用`$`或`jQuery`函数来操作DOM。 3. **jQuery对象与DOM对象** - **jQuery对象**:使用`$()`函数选择的元素集合,可以执行jQuery特有的方法。 - **DOM对象**:原生JavaScript中的DOM元素...

    jquery-2.1.1.js 、jquery-2.1.1.min.js 【jquery包 js】

    3. **事件处理**:jQuery简化了事件绑定和解绑,`$(selector).on('click', function() {...})`用于监听点击事件,`$(selector).off('click')`则移除该事件。 4. **动画效果**:`fadeIn()`, `slideUp()`, `animate()...

    jquery-1.11.0+jquery-UI-1.10.4

    本篇将深入探讨jQuery 1.11.0与jQuery UI 1.10.4这两个版本的功能、特性以及它们在实际项目中的应用。 首先,jQuery 1.11.0是jQuery库的一个稳定版本,它在1.10.x的基础上进行了优化和修复,确保了更好的浏览器兼容...

    jquery-1.9中文API

    jQuery提供了统一的事件处理方式,如`$(element).click(function() {...})`用于绑定点击事件,`$(element).on('mouseover', function() {...})`则绑定鼠标悬停事件。同时,`$(document).ready(function() {...})`...

Global site tag (gtag.js) - Google Analytics