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

07k4yip9g5_xho

07k4yip9g5_xho

2016-02-19 13:02

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐jquery ready()的几种实现方法小结,无聊中的都看过来。
1.最常用也是最标准的

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)$(document).ready(){
});

2.是上面的简写:

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/) $(function(){
})

很奇怪?为什么能这样?不是判断document对象是否 reADy然后才执行函数的么?document哪去了?我们看下jQuery的源代码:

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
// jQuery的构造函数;
var jQuery = function( a, c ) {
// $(document).ready()的简写形式,只有在$(function(){...})下才会执行;
if ( a && typeof a == "function" && jQuery.fn.ready ) return jQuery(document).ready(a);
// 确保参数a非空,默认值为document;
a = a || jQuery.context || document;

耶!找到了,我们再看下$这个方法的参数
$(selector,context)
第一个为选择器,第二个是容器
如果不填就默认为document
3.好吧!我承认这个方式是来打酱油的

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)jQuery(document).ready(function(){
});

4.

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)jQuery(function($){
alert($("#ready1").html());
});

第四种方式和第三种没有区别啊?各位客官仔细看!我们给functIOn传了一个参数$
第四种方式一般用在处理jQuery的$和别的库冲突的时候用的,通过jQuery.noConflict()这个方法,我们就可以直接在代码中通过jQuery来代替$来使用,但又习惯了使用$怎么办?看下面的代码:

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)jQuery.noConflict();
jQuery(function($){
alert($("#ready1").html()); //我们又能用上$符号了
});

上面是目前本人知道的几种jQuery的ready ()的写法.如果还有其他的写法,望告知
展开更多 50%)
分享

猜你喜欢

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

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

JQuery下关于$.Ready()的分析

Web开发
JQuery下关于$.Ready()的分析

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery 插件开发方法小结

Web开发
jquery 插件开发方法小结

jQuery 技巧小结

Web开发
jQuery 技巧小结

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery select操作控制方法小结

Web开发
jQuery select操作控制方法小结

jquery ready函数源代码研究

Web开发
jquery ready函数源代码研究

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Java入门笔记5_异常

Java入门笔记5_异常

如何清除Windows8动态磁贴图片

如何清除Windows8动态磁贴图片
下拉加载更多内容 ↓