实现jquery

本来笔记已经渐入佳境,但是今天状态竟然不太对,回头想想题目都不难,可是我竟然写的都不好。
1.实现jquery,关键在于init的原型,这里我太执着于用this了,其实用外界的引用就好了。
var cc = $(".this").attr("name","value").html();

var $ = function (selector) {
    return new $.fn.init(selector);
};
$.fn = $.prototype;

$.prototype.init = function (selector) {
    this.element = document.querySelector(selector);
};

$.prototype.attr=function (name,value) {
    this.element.setAttribute(name,value);
    return this;
};

$.prototype.html = function () {
    return this.element.innerHTML;
}

$.fn.init.prototype = $.fn;

var cc = $(".this").attr("name","value").html();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 对于XMLHttpRequest API大家都熟,它是ajax技术的根本。XMLHttpRequest的第一...
    microkof阅读 987评论 0 11
  • 今天在做按钮时,需要给按钮做一个按下去的效果,想着用增加一个class替换背景颜色的方法去做,但是才发现不知道在原...
    Mosnter阅读 9,240评论 0 0
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,200评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,372评论 0 2