jquery ready()的几种实现方法小结

1.最常用也是最标准的 

$(document).ready(){

});

2.是上面的简写:

$(function(){ 
   }) ;

3.好吧!我承认这个方式是来打酱油的

  jQuery(document).ready(function(){ 
  });

  和jQuery(function(){});一样

----------------------------以上三种效果都一样---------------------------------

4.jQuery(function($){ });

   第四种方式一般用在处理jQuery的$和别的库冲突的时候用的,通过jQuery.noConflict()这个方法,我们就可以直接在代码中通过jQuery来代替$来使用,但又习惯了使用$怎么办?看下面的代码:  

   jQuery.noConflict(); 
   jQuery(function($){ 
      alert($("#ready1").html()); //我们又能用上$符号了 
   }); 

时间: 2024-10-19 12:15:12

jquery ready()的几种实现方法小结的相关文章

jquery中event对象属性与方法小结

JQuery事件中的Event属性是经常性的被忽略的.大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的.如获知触发时用户的环境(是否按了shift etc).每个浏览器对event都有不同的地方,Jquery对Event做了标准化所以可以放心用. * .target  这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to this) * .pageX:  鼠标的left属性,相对于page * .pageY:  鼠标的to

JQuery:各种操作表单元素方法小结

来源:http://www.ido321.com/1220.html 表单元素无处不在.已然成了Web应用不可或缺的一个部分. 对表单最最最常见的操作就是获取表单元素的值或者更改表单元素的值.那在JQuery和JavaScript中怎么操作表单元素的值? JQuery操作表单总结: 1.文本框.password框.隐藏域.文本域(id换成相应的,value属性存在,才干利用attr('value') 获取值,否则返回undefined): 1.1 获取->$("#text").v

jquery.autocomplete.js 两种实现方法

<script type="text/javascript"> var v = 1; var stockInfoJson = [ { "name": "深发展A", "code": "000001", "spell": "sfza", "count":"32435" }, { "name": &q

【JQuery】jQuery(document).ready(function($) { });的几种表示方法及load和ready的区别

jQuery中处理加载时机的几种方式 第一种: jQuery(document).ready(function() { alert("你好"); }); //或 $(document).ready(function() { alert("你好"); }); 第二种: jQuery(function() { alert("你好"); }); //或 $(function() { alert("你好"); }); 第三种: (fu

Jquery中each的三种遍历方法

Jquery中each的三种遍历方法 $.post("urladdr", { "data" : "data" }, function(data) { $.each(data, function(n,value) { });}); 1.选择器+遍历 $('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象 }); 2.选择器+遍历 $('div').each(function (index,dom

JQuery onload、ready概念介绍及使用方法(转)

页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 一般样式控制的,比如图片大小控制放在onload 里面加载; jS事件触发的方法,可以在ready 里面加载; 用jQ的人很多人都是这么开始写脚本的: 通常的写法 $(function(){ // do something }); 其实这个就是jq ready()的简写,他等价于:

JQuery onload、ready概念介绍及使用方法

页面加载完成有两种事件,一是ready,表示文档结构已经加载完成,onload,ready概念容易混淆,下面为大家详细介绍下 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 一般样式控制的,比如图片大小控制放在onload 里面加载; jS事件触发的方法,可以在ready 里面加载; 用jQ的人很多人都是这么开始写脚本的: 通常

jQuery ready方法实现

很早之前就留下了这个问题,赶上五一放假,好好研究总结一下吧. 首先jq中ready方法和window的onload方法的不同这里再提一下,首先ready只是dom树加载完毕,一些img等资源可能还没加载完成,而onload则是全部加载成功.而且ready方法可以有多个,而onload只能写一个.还有一个区别是什么了,想起来补上. 一般让我们手写模拟一个jq的ready方法,我大多都是这样写: document.ready = function (callback) { ///兼容FF,Googl

解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法

解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法,如下: 为了达到更好的演示效果,假设在某个页面的body下有以下结构的代码: ? 1 2 3 4 5 6 7 8 9 10 11 <p id="pLabel">新加一条</p> <ul id="ulLabel">  <li class="liLabel">aaa1</li>  <li class="li