javascript – jQuery模块模式:何时声明/查询元素?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery模块模式:何时声明/查询元素?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含998字,纯文字阅读大概需要2分钟。
内容图文
![javascript – jQuery模块模式:何时声明/查询元素?](/upload/InfoBanner/zyjiaocheng/744/1942c56f174144098a23a8018885f9c5.jpg)
>通常,在$(document).ready()之前,您不会开始查询DOM.
>在下面的两个选项中,在$(document).ready()之外声明Widget(并查询元素).
>这样可以吗?我可以初始化jQuery元素(只要我不操作任何东西),就绪处理程序的OUTSIDE?
>将整个Widget定义放在$(document).ready()中会不会更好?
>我应该等到Widget.init()查询元素吗?
>注意:我是JS设计模式的新手,所以请注意我是否遗漏了一些东西
选项1
Widget = {
ele : $('#ele'),
init : function(){ ... }
};
$(document).ready(function(){
Widget.init();
});
选项2
Widget = (function(){
var privateEle = $('#privateEle');
return {
publicEle: $('#publicEle'),
init: function(){ ... }
};
}());
$(document).ready(function(){
Widget.init();
});
解决方法:
我会怎么做:
var Widget = (function(){
var ele;
function init(_ele){
ele = _ele;
};
return {
init: init
};
})();
$(function(){
Widget.init( $('#foo') );
});
如果您的脚本在jquery之前加载,您将看不到错误“undefined is not a function”.但是,如果你在domReady之前执行查询,你可能会得到意想不到的结果,ele = []
编辑:顺便说一句..把你的<脚本> < / body>之前的标签不在< head>< / head>内
内容总结
以上是互联网集市为您收集整理的javascript – jQuery模块模式:何时声明/查询元素?全部内容,希望文章能够帮你解决javascript – jQuery模块模式:何时声明/查询元素?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。