jquery几种书写格式

最新推荐文章于 2024-03-30 08:03:59 发布
最新推荐文章于 2024-03-30 08:03:59 发布
阅读量6.6k 收藏 6
点赞数
分类专栏： javascript 文章标签： 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");  
});

另一份资料

<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <script src="jquery-1.7.1.js" type="text/javascript"></script>

</head>

<body style=" overflow-y:scroll;overflow-x:auto;">
<input type="text"  id="dd1" value="" />

<textarea id="tt" cols="30" rows="30"></textarea>
</body>
</html>
        
<script>
var i=1;

//jQuery方式
$(document).ready(function(){
        var str=$("#tt").val()+'\r\n'+'$_A加载完毕'+i;
        $("#tt").val(str);
        i++;
    });

$(function(){
        var str=$("#tt").val()+'\r\n'+'$_B加载完毕'+i;
        $("#tt").val(str);
        i++;
    }) ;

$(function($) {
        var str=$("#tt").val()+'\r\n'+'$_C加载完毕'+i;
        $("#tt").val(str);
        i++;
});

$(window).load(function() {
        var str=$("#tt").val()+'\r\n'+'$_D加载完毕'+i;
        $("#tt").val(str);
        i++;
});

(function() {
        var str=$("#tt").val()+'\r\n'+'$_E加载完毕'+i;
        $("#tt").val(str);
        i++;
})(jQuery)

jQuery与别名$可互通/
jQuery(document).ready(function(){
        var str=$("#tt").val()+'\r\n'+'jQuery_F加载完毕'+i;
        $("#tt").val(str);
        i++;
    });

jQuery(function() {
        var str=$("#tt").val()+'\r\n'+'jQuery_G加载完毕'+i;
        $("#tt").val(str);
        i++;
})
jQuery(function($) {
        var str=$("#tt").val()+'\r\n'+'jQuery_H加载完毕'+i;
        $("#tt").val(str);
        i++;
});

jQuery(window).load(function() {
        var str=$("#tt").val()+'\r\n'+'jQuery_I加载完毕'+i;
        $("#tt").val(str);
        i++;
});

//js方式
window.onload = function () {
        var str=document.getElementById("tt").value+'\r\n'+'js加载完毕'+i;;
        document.getElementById("tt").value=str;
        i++;
    };

/*注意顺序,没有按照我们上面的顺序出来的，那就是本身加载有先后。
D和I加载的是window，所以慢。

$_E加载完毕1
$_A加载完毕2
$_B加载完毕3
$_C加载完毕4
jQuery_F加载完毕5
jQuery_G加载完毕6
jQuery_H加载完毕7
js加载完毕8
$_D加载完毕9
jQuery_I加载完毕10

*/

 

 

/*注意顺序,没有按照我们上面的顺序出来的，那就是本身加载有先后。
D和I加载的是window，所以慢。

$_E加载完毕1
$_A加载完毕2
$_B加载完毕3
$_C加载完毕4
jQuery_F加载完毕5
jQuery_G加载完毕6
jQuery_H加载完毕7
js加载完毕8
$_D加载完毕9
jQuery_I加载完毕10

*/
</script>




fucktester
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
✿✿✿JavaScript --- jQuery框架一
naoguoteng的博客
12-31 1005
1.jQuery的介绍和在线学习网址以及下载网址5.jQuery如何达到获取原生的DOM对象6.jQuery选择器(1)常见选择器(2)高级选择器以及方法(4)过滤选择器7.常用到的方法(1)html()和 text()方法(2)attr()和 removeAttr()(3)元素样式操作方法和其他方法8(1)创建节点(2)插入节点(3)包裹节点(4)其他节点操作9.jQuery基础事件相关(1) 基础事件(3)解绑事件(4)简写事件(5)复合事件(6)事件对象event(7)事件之冒泡和默认行为以及行为
jQuery 格式
skyito88的博客
02-25 615
$(document).ready(function(){ // 开始写 jQuery 代码... }); 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。
jQuery选择器基本语法格式和jQuery选择器的优势，膜拜大牛
最新发布
2401_83977626的博客
03-30 641
(2)通过CSS添加样式#myDiv {上述代码中，使用CSS选择器获取id值为myDiv的div元素，并为div元素添加样式，页面效果如下图所示。(3)通过jQuery添加样式在不使用CSS代码的情况下，使用jQuery代码也可以实现和上图相同的效果，如下所示。上述代码中，使用jQuery选择器获取id值为myDiv的div元素，然后调用jQuery的css()方法为该元素添加样式。
html运用jquery的写法,jQuery function的正确书写方法
weixin_33019705的博客
06-03 554
jQuery 正确的书写格式：引入：html写法：$(function() {qiyiPlugin.init($("#zong_qiyi"));});//XXXXXXXXXXXXXXjQuery写法：var qiyiPlugin ={init: function(parentNode) {var self = this;self.parentNode = parentNode;//刷新局部内容se...
jquery编程的标准写法和最佳实践（jquery代码规范）
我的博客
07-31 1508
关于jquery的代码规范，书写标准和最佳实践，是我近期看到的国外的一篇文章，感觉很受益！网上搜索了一下，果然被网友翻译过，但是查看翻译时间是2014年3月份左右，我又查看了该文章的更新时间是2014年10月14号。想必该文章很久之前就问世，但是作者又更改了不少问题吧，因此还是决定自己重新翻译一下！原文地址 ，文章翻译也是一件耗时耗力的事情，网友转载还请注明出处！加个链接！ jQuery的加
基于jquery实现的仿优酷图片轮播特效代码
01-19
本文为大家分享了一种常见的并且比较复杂的轮播效果，就是优酷主界面的轮播图，效果图如下： 我们在书写代码之前，先分析效果图的结构： 1. 左右两个方向按钮，可以用来切换上一张与下一张。 2. 下方有分页指示器，...
jQuery权威指南-源代码
11-11
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...
HTML5-jQuery插件开发的流程.docx
02-28
在HTML5和jQuery的开发环境中，创建自定义jQuery插件是一种常见的实践，它能够扩展jQuery库的功能，满足特定的业务需求。下面将详细介绍jQuery插件开发的流程。 首先，我们需要确保代码的封装和隔离。为防止全局...
javascript几个易错点记录
10-25
3. **jQuery选择器**：当jQuery选择器返回一个对象数组时，你需要使用`each()`方法遍历并操作每一个元素。直接在数组上操作可能只会作用于第一个对象，而不会遍历整个集合。 4. **大小写敏感**：JavaScript是大小写...
【JavaScript源代码】详解JavaScript中的链式调用.docx
12-29
详解JavaScript中的链式调用 ...链式调用通常有以下几种实现方式，但是本质上相似，都是通过返回对象供之后进行调用。　 this的作用域链，jQuery的实现方式，通常链式调用都是采用这种方式。 返回对象本身, 同t
JQ 日期格式化操作
CAO11021的博客
04-02 432
function TimeFormat(time_str) { var d = new Date(time_str) var resDate = d.getFullYear() + '-' + p((d.getMonth() + 1)) + '-' + p(d.getDate()) //var r...
（转）什么？你还不会写JQuery 插件
weixin_30650039的博客
11-07 931
原文地址：http://www.cnblogs.com/joey0210/p/3408349.html 前言　　 如今做web开发，jquery 几乎是必不可少的，就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了，用过的都知道。今天我们来讨论下jquery的插件机制，jquery有着成千上万的第三方插件，有时我们写好了一个独立的...
jquery三种写法
mxk4869的博客
07-11 579
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 2 <script> 3 // 第一种写法 4 $(function(){ 5 $("div").html(""); 6 // ...
jquery请求格式和返回类型 汇总
zzm628的专栏
06-09 1443
常规请求基本格式   1 [WebMethod] 2 public string SayHello(string name) 3 { 4 return "Hello " + name; 5 } 1 $.ajax({ 2 u
jQuery 几种写法
web
06-12 4208
1. $(function(){ $( '#google' ).click(function(){ alert( $(this).text() ); return false; }); }); 这种写法是放在页面中任何一个地方都有效 2. (funct
jquery开发之代码风格
weixin_33895695的博客
06-21 110
1，链式操作风格。 (1) 对于同一个对象不超过三个操作的。可直接写成一行。代码例如以下： $(“li”).show().unbind(“click”); (2) 对于同一个对象的较多操作，建议每行写一个操作。代码例如以下： $(this).removeClass(“mouseout”) .addClass(“mouseover”) ...
记录几个Jquery中 String 和 Date格式互转
热门推荐
Elv1s的笔记
05-22 1万+
js字符串转换成时间 1.1输入的时间格式为yyyy-MM-dd function convertDateFromString(dateString) { if (dateString) { var date = new Date(dateString.replace(/-/,"/")) return date; } } 1.2输入的时间格式为yyyy-MM-dd hh:mm:...
jquery清空input的几种方法
06-01
除了使用 `val("")` 方法清空 input 元素的值外，还有以下几种方法： 1. 使用原生 JavaScript 的 `value` 属性 ```javascript $("#inputId")[0].value = ""; ``` 或者 ```javascript document.getElementById("inputId").value = ""; ``` 2. 使用 `prop()` 方法 ```javascript $("#inputId").prop("value", ""); ``` 3. 使用 `attr()` 方法 ```javascript $("#inputId").attr("value", ""); ``` 需要注意的是，这些方法都只能清空 input 元素的值，而不能删除它。如果需要删除 input 元素本身，可以使用 `remove()` 方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值