`
liujun11
  • 浏览: 21375 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Jquery几种书写格式

 
阅读更多
几种书写格式,记录一下
//原始  
$(document).ready(function(){  
    document.write("test1", "<br/>");  
});  
  
//缩写  
$().ready(function(){  
    document.write("test2", "<br/>");  
    });  
  
//缩写  
$(function(){  
    document.write("test3", "<br/>");  
});  
  
//意义为在DOM加载完毕后执行了ready()方法  
jQuery(function(){  
    document.write("test4", "<br/>");  
});  
//等价于  
jQuery(document).ready(function(){   
    document.write("test5", "<br/>");  
});   
  
$(document).ready(function(){  
    (function(){   
        document.write("aaa", "<br/>");  
    })(jQuery);  
      
    //立即执行函数;相当于先申明一个函数,声明完后直接调用;  
    (function(){  
        document.write("bbb", "<br/>");  
    })();  
      
    (function(str){  
        document.write(str, "<br/>");  
    })("output");  
      
    //相当于:  
    function OutPutFun(str){  
        document.write(str, "<br/>");  
    };  
    OutPutFun("output");  
});  
//原始  
$(document).ready(function(){  
    document.write("test1", "<br/>");  
});  
  
//缩写  
$().ready(function(){  
    document.write("test2", "<br/>");  
    });  
  
//缩写  
$(function(){  
    document.write("test3", "<br/>");  
});  
  
//意义为在DOM加载完毕后执行了ready()方法  
jQuery(function(){  
    document.write("test4", "<br/>");  
});  
//等价于  
jQuery(document).ready(function(){   
    document.write("test5", "<br/>");  
});   
  
$(document).ready(function(){  
    (function(){   
        document.write("aaa", "<br/>");  
    })(jQuery);  
      
    //立即执行函数;相当于先申明一个函数,声明完后直接调用;  
    (function(){  
        document.write("bbb", "<br/>");  
    })();  
      
    (function(str){  
        document.write(str, "<br/>");  
    })("output");  
      
    //相当于:  
    function OutPutFun(str){  
        document.write(str, "<br/>");  
    };  
    OutPutFun("output");  
});
分享到:
评论

相关推荐

    jQuery权威指南-源代码

    4.2.2 ready()方法的几种相同写法/86 4.3 绑定事件/86 4.4 切换事件/90 4.4.1 hover()方法/90 4.4.2 toggle()方法/93 4.5 移除事件/94 4.6 其他事件/96 4.6.1 方法one() /97 4.6.2 方法trigger () /98 4.7...

    通过原生js和jQuery书写了一个电商平台系统.zip

    在这个名为“通过原生js和jQuery书写了一个电商平台系统.zip”的压缩包中,包含了一个使用JavaScript(包括原生JS和jQuery库)开发的前端电商平台项目。这个项目可能是一个基础的在线购物平台,展示了如何利用这两种...

    jquery升级的问题

    为了解决这一问题,可以尝试以下几种方法: - **调整CSS层叠顺序**:通过调整元素之间的`z-index`值来改变层叠顺序,避免使用负值。 - **使用伪元素**:对于某些场景,可以通过添加伪元素并设置合适的`z-index`值来...

    可换皮肤的几种格式的日期控件2

    在“可换皮肤的几种格式的日期控件2”中,我们探讨的是具有高度自定义能力的日期选择器,它们能够适应不同的界面设计需求,并且提供了多种显示日期和时间的格式,比如精确到分秒、开始时间与结束时间的选择。...

    易语言仿jQuery特效的代码

    5. **链式操作**:jQuery的一大特点就是链式调用,易语言中可以通过返回自身对象的方式,让多个操作可以连续书写。 6. **DOM操作**:jQuery可以轻松地添加、删除、修改DOM元素。易语言中则需要对应的方法或函数来...

    jQuery实现的图标导航上下滚动切换效果源码.zip

    jQuery的核心特性包括选择器(用于快速定位DOM元素)、链式操作(使得多个方法调用可以连续书写)和封装AJAX请求等。通过使用jQuery,开发者可以更高效地编写JavaScript代码,提高开发效率。 在"jQuery实现的图标...

    HTML5-jQuery插件开发的流程.docx

    在HTML5和jQuery的开发环境中,创建自定义jQuery插件是一种常见的实践,它能够扩展jQuery库的功能,满足特定的业务需求。下面将详细介绍jQuery插件开发的流程。 首先,我们需要确保代码的封装和隔离。为防止全局...

    jquery代码规范让代码越来越好看

    首先,jQuery代码规范涉及几个重要的方面,包括代码的组织、命名约定、注释的使用以及选择器的编写等等。 1. 代码组织:合理组织代码,可以让项目更加清晰,便于他人阅读和后续的维护。通常的做法是将HTML、CSS和...

    jQuery中的常用事件总结

    `$(document).ready()`有三种书写形式: - `$(document).ready(function() { /* code here */ });` - `$().ready(function() { /* code here */ });` - `$(function() { /* code here */ });` 2. **事件捕获与...

    JQuery基础语法小结

    下面,我们将详细介绍JQuery基础语法的几个核心概念。 首先,JQuery的引入非常简单,只需在HTML页面中引入JQuery的库文件即可。之后,可以通过“$”符号来调用JQuery的功能。 接着,文档就绪事件$(document).ready...

    jQuery中多个元素的Hover事件解决方案

    总结起来,在处理jQuery中多个元素的hover事件时,有几种方法可以实现: 1. 通过调整HTML结构,把多个需要绑定hover事件的元素放入同一个父容器中,然后在父容器上绑定hover事件。 2. 使用自定义的jQuery插件,比如`...

    JS对象转换为Jquery对象实现代码

    要将一个JavaScript对象转换为jQuery对象,主要有以下几种方式: 1. **使用jQuery包装器**:这是最常见的方式,直接用jQuery函数将JavaScript对象包裹起来。例如,如果你有一个DOM元素的引用,如`var elem = ...

    jquery连缀语法如何实现

    jQuery作为JavaScript的一个库,它的连缀书写语法是其一大特色,提供了一种流畅和简洁的方式来操作DOM、添加事件处理器和执行动画等。要了解如何实现连缀语法,首先要对jQuery的核心思想有一个全面的认识。 在...

    jquery 与NVelocity 产生冲突的解决方法

    解决jQuery与NVelocity冲突的方法有以下几种: 1. 使用jQuery.noConflict()方法。这是一个jQuery提供的解决方案,它能够将$符号的控制权让出,避免与NVelocity的$变量冲突。调用此方法后,所有后续的jQuery代码都...

    利用JQuery直接调用asp.net后台的简单方法

    参数格式需要按照JSON格式进行书写,并确保在服务器端的后台方法中,参数名与请求中传递的参数名相匹配。 5. **返回数据类型的处理**: - 在返回数据时,需要设置contentType为"application/json; charset=utf-8...

    jQuery基本过滤选择器使用介绍

    根据jQuery官方文档,简单过滤选择器的种类很多,下面列举并解释了其中几种最常用的选择器: 1. `:first` 选择器:选择匹配的第一个元素。例如,`$('li:first')`将选择第一个`&lt;li&gt;`元素。 2. `:last` 选择器:选择...

    基于jquery实现的仿优酷图片轮播特效代码

    本文为大家分享了一种常见的并且比较复杂的轮播效果,就是优酷主界面的轮播图,效果图如下: 我们在书写代码之前,先分析效果图的结构: 1. 左右两个方向按钮,可以用来切换上一张与下一张。 2. 下方有分页指示器,...

    jQuery的css()方法用法实例

    在本文中,我们将深入探讨`css()`方法的几种主要用法,并通过实例来展示其工作原理。 首先,`css()`方法的基本语法如下: 1. **获取样式属性值**: 你可以通过传递一个CSS属性名称作为参数来获取元素的样式属性值...

    jquery实现向下滑出的二级导航下滑菜单效果

    jQuery实现向下滑出的二级导航下滑菜单效果,是一种利用jQuery与JavaScript技术结合来实现的网页元素动态效果。在前端开发过程中,菜单效果的实现是界面设计中的一项基本技能,而二级菜单作为导航栏中常见的组成部分...

    jquery特效 幻灯片效果示例代码

    jQuery幻灯片特效是一种常见的网页交互效果,它通过动态地切换显示一组图片或内容块,给用户带来视觉上的连续动画效果。在这篇文章中,作者提供了使用jQuery实现幻灯片效果的示例代码,并且讲解了该效果的实现方法。...

Global site tag (gtag.js) - Google Analytics