jquery（自制版）

<html>
<head>
<title>自制的jquery</title>
<script type = "text/javascript">//1>创建jQuery对象;2>直接使用jQuery对象的属性/方法/事件),一个强悍的dom元素查找器($),插件式编程接口(jQuery.fn),以及插件初始化的”配置”对象思想.//实现自己的MyQuery框架
(function(window, undefined ){
this.$ = function(selector){
if ( window == this ) return new $(selector);
//这里只实现dom类型的简单查找,嗯嗯~
var doms = document.getElementsByTagName(selector);
var arr = [];
for(var i=0; i<doms .length; i++){
arr.push(doms.item(i));
}
return this.setArray(arr);
}
var MyQuery = this.$;
MyQuery.prototype.setArray = function( arr ) {
this.length = 0;
[].push.apply( this, arr );
return this;
}
MyQuery.fn = MyQuery.prototype;
//var $ = MyQuery;
//插件扩展1)each
MyQuery.fn.each = function(method){
for(var i=0,l=this.length; i<l; i++){
method.call(this[i],i);
}}
MyQuery.fn.a2 = function (){
alert("ddf");
}
//插件扩展2)show
MyQuery.fn.show = function(){
this.each(function(i){
alert(i+":"+this.id+":"+this.innerHTML);
});
}
/*this.good =function(){
alert("df");}
*/
})(window);
</script>
</head>
<body>
<div id="d">这里的id是“d”;</div>
<div id="f">这里的id是“f”</div>
</body>
<script type="text/javascript">
//测试debugger
$(window).a2();
//alert($(window).toString)
$("div").show();
/*******
块级作用域
(function(参数){
})(参数值);相当于
function func(参数){
}
func(参数值);
快速使用函数，而又不让变量溢出作用域的手法
******/
</script>
</html>

jquery（自制版）相关推荐

高效JQuery编码
缓存变量 DOM遍历是昂贵的,所以尽量将会重用的元素缓存. // 糟糕 h = $('#element').height(); $('#element').css('height',h-20) ...
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十一）阶段性小结
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十一)阶段性小结前情回顾去年写的那一套东西,虽然我也写得非常的认真,但是其中还是有点绕了.当时水平不行.现在 ...
基于jquery插件开发入门教程
鉴于最近要使用大量的jquery,所以总有一种捣鼓文字来抒发一下情绪的冲动.思前想后就来篇jquery插件开发入门教程吧,毕竟如果不想开发插件,那自己无论用别人的插件多牛逼,最多只是js的使用者,作为 ...
[乐意黎转载]高效 jquery 的奥秘
原文:Writing Better jQuery Code 作者:@MathewDurden 译文:高效 jquery 的奥秘译者:@颜海镜讨论 jQuery 和 javascript 性能的文章 ...
从零开发一个定制版音乐播放器，女朋友不就有了吗？
极客江南: 一个对开发技术特别执着的程序员,对移动开发有着独到的见解和深入的研究,有着多年的iOS.Android.HTML5开发经验,对NativeApp.HybridApp.WebApp开发有着独 ...
编写高效的jQuery代码
编写高效的jQuery代码最近写了很多的js,虽然效果都实现了,但是总感觉自己写的js在性能上还能有很大的提升.本文我计划总结一些网上找的和我本人的一些建议,来提升你的jQuery和javascri ...
高效而优雅的编写jQuery
最近写了很多的js,虽然效果都实现了,但是总感觉自己写的js在性能上还能有很大的提升.本文我计划总结一些网上找的和我本人的一些建议,来提升你的jQuery和javascript代码.好的代码会带来速度 ...
Ajax接收Java异常_java – 处理来自Servlet的Jquery AJAX响应中的异常
我的servlet代码是 try{ //something response.setStatus(201); out.print("Data successfully saved" ...
Jquery DIV滚动至浏览器顶部后固定不动代码
获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative. 效果例1 代码如下复制代码 <scr ...

jquery（自制版）

jquery（自制版）相关推荐

最新文章

热门文章