jquery使用原型

jquery使用原型 html代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><p>jQuery test 1</p><p>jQuery test 2</p><p>jQuery test 3</p><div id="div1"><p>jQuery test in div</p></div><script type="text/javascript" src="./my-jquery.js"></script><script type="text/javascript">var $p = $('p')$p.css('font-size','40px')alert($p.html())var $div1 = $('#div1')$div1.css('color','blue')alert($div1.html())</script>
</body>
</html>
复制代码

my-jquery代码如下：

(function (window) {var jQuery= function (selector) {return new jQuery.fn.init(selector)}jQuery.fn = {css: function (key, value) {alert('css')},html: function (key, value) {return 'html'}}var init = jQuery.fn.init = function (selector) {var slice = Array.prototype.slicevar dom = slice.call(document.querySelectorAll(selector))var i, len = dom ? dom.length : 0for (i = 0; i< len; i++){this[i] = dom[i]}this.length =lenthis.selector = selector || ''}init.prototype = jQuery.fnwindow.$ = jQuery
})(window)
复制代码

转载于:https://juejin.im/post/5afae9b1f265da0b981b9d2a

jquery使用原型相关推荐

分享一个超棒的在线jQuery mobile原型设计开发工具 - codiqa
在线演示本地下载今天我们分享一个超棒的在线jQuery mobile原型设计开发工具:Codiqa,这个在线设计工具能够帮助我们快速的使用拖拽的方式来构建一个jQuery mobile的web应 ...
jQuery 的原型关系图
整理了一下 jQuery 的原型关系图,理解起来更加方便一些. 图例: 黄色的为对象,蓝色的为函数. 转载于:https://www.cnblogs.com/haogj/archive/2010/04 ...
jQuery 的“原型污染”安全漏洞
前两周发布的 jQuery 3.4.0 除了常规更新外,更重要的是修复了一个称为"原型污染(prototype pollution)"的罕见安全漏洞. 什么是原型污染?顾名思义,原 ...
jQuery源码解析对象实例化与jQuery原型及整体构建模型分析（一）
//源码剖析都基于jQuery-2.0.3版本,主要考虑到兼容IE 一.关于jQuery对象实例化的逻辑: 整个jQuery程序被包裹在一个匿名自执行行数内: (function(window,und ...
jquery 1.7.2源码解析（二）构造jquery对象
构造jquery对象 jQuery对象是一个类数组对象. 一)构造函数jQuery() 构造函数的7种用法: 1.jQuery(selector [, context ]) 传入字符串参数:检查该字符 ...
jquery 插件开发的作用域及基础
2019独角兽企业重金招聘Python工程师标准>>> 之前一直有开发jquery插件的冲动,所以一直想学习如何进行插件开发,最近一个项目需要使用图片上传组件及自动无限下拉组件,百度 ...
jQuery 2.0.3 源码分析core - 整体架构
拜读一个开源框架,最想学到的就是设计的思想和实现的技巧. 废话不多说,jquery这么多年了分析都写烂了,老早以前就拜读过, 不过这几年都是做移动端,一直御用zepto, 最近抽出点时间把jquery ...
06-老马jQuery教程-jQuery高级
1.jQuery原型对象解密 jQuery里面的大部分API都是在jQuery的原型对象上定义的.jQuery源码中对原型对象做了简写的处理.也就是说:jQuery.fn === jQuery.pro ...
jQuery.fn和jQuery.prototype区别。
近期在读jQuery的源码. 发现这里有个东西很难理解. 这里的 jQuery , jQuery.fn , jQuery,fn,init ,jQuery,prototype 都代表什么. 来看下jQu ...

jquery使用原型

jquery使用原型相关推荐

最新文章

热门文章