jquery源码教程 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jQuery 教程

菜鸟教程 — jQuery 教程：https://www.runoob.com/jquery/jquery-tutorial.html jQuery 是一个 JavaScript 库。...当我们在教程中演示 jQuery 时，会将函数直接添加到部分中。...操作 HTML jQuery 拥有可操作 HTML 元素和属性的强大方法：jQuery 获取内容和属性 | 菜鸟教程获取内容和属性：jQuery 获取内容和属性 | 菜鸟教程设置内容和属性：jQuery...设置内容和属性 | 菜鸟教程添加 HTML 元素：jQuery 添加元素 | 菜鸟教程删除 HTML 元素（删除已有的 HTML 元素）：jQuery 删除元素 | 菜鸟教程获取并设置 CSS...| 菜鸟教程处理元素和浏览器窗口的尺寸：jQuery 尺寸 | 菜鸟教程 jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。

21K2 0

jQuery源码浅析

如果说php是世界上最好的语言，那么javascript无疑可以称为世界上最飘逸的语言，最近看了下jQuery的源码，实现了一个简陋的jQuery。...DOCTYPE html> jQuery源码浅析源码 * 省略了一些规范，如AMD, Commonjs * 整个jQuery包含在匿名函数中，函数就是闭包 */ (function(window, factory){ factory...的实例，即jQuery对象 * selector待查找的字符串，源码里还有context参数,此处省略 * 我们所说的jQuery其实准确的说是jQuery工厂方法,调用jQuery...= jQuery.fn = jQuery.prototype * jQuery.fn,jQuery.prototype扩展的方法属性 jQuery对象可以使用 */ jQuery.fn.init.prototype

1.2K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

jquery下载教程

jquery下载教程建议使用google浏览器下载，不建议使用IE浏览器（没有办法生成.js文件，只能复制粘贴）下载网址 https://docs.microsoft.com/en-us/aspnet.../ajax/cdn/overview#jQuery_Releases_on_the_CDN_0 https://cdnjs.com/libraries/jquery 第一种方法第二种方法

1.2K3 0

初窥jQuery源码

jQuery = function (selector, context) { return new jQuery.fn.init(selector, context...); }; jQuery.fn = jQuery.prototype = { // jQuery是一个构造函数，原型上提供的方法是供其实例使用的 };...// 暴露API if ( typeof noGlobal === "undefined" ) { // 如果是在浏览器中运行JQ，我们直接在window上挂载jQuery/$属性，...属性值是jQuery这个方法 // $() 或者 jQuery() 就是把jQuery这个方法执行 window.jQuery = window.$ = jQuery;...} // 在webpack环境中运行，则module.exports=jQuery;（使用 let $=require('jquery')） return jQuery;};// 闭包

5142 0

06-老马jQuery教程-jQuery高级

1.jQuery原型对象解密 jQuery里面的大部分API都是在jQuery的原型对象上定义的。jQuery源码中对原型对象做了简写的处理。...也就是说：jQuery.fn === jQuery.prototype,参考jQuery源码： ... jQuery.fn = jQuery.prototype = { // The current...version of jQuery being used jquery: version, constructor: jQuery, // The default length of a jQuery...构造函数添加属性和方法 (function(jQuery) { jQuery.appName = 'laoma Extend'; })(jQuery); 5.jQuery常用插件 jQuery UI...jQuery EasyUI jQuery formvalidate jQuery 延迟加载插件 .....

2.7K9 0

php jquery教程下载,jquery 怎么下载

下载jquery的方法：首先使用百度搜索“jQuery”；然后点击进入jQuery网站；最后找到适合开发的版本后进行下载即可。...本教程操作环境：windows7系统、jquery3.2.1版，该方法适用于所有品牌电脑。下载jquery的方法：首先，打开您的浏览器，无论是什么浏览器都可以，只要可以连接上网络就行。...使用百度搜索“jQuery”. 您可以选择下图所示量项中的一项，并点击进入jQuery网站。...jQuery网站上有一些关于jQuery的介绍，您可以在网站上查看内容，确定是否符合您的要求：下载下来后，您就可以使用jQuery了。...启动google提供的库接入方式入上/下图所示： jQuery不需要编译，在需要的页面引入文件就可以使用了。

10.2K2 0

06-老马jQuery教程-jQuery高级

1.jQuery原型对象解密 jQuery里面的大部分API都是在jQuery的原型对象上定义的。jQuery源码中对原型对象做了简写的处理。...也就是说：jQuery.fn === jQuery.prototype,参考jQuery源码： ... jQuery.fn = jQuery.prototype = { // The current...version of jQuery being used jquery: version, constructor: jQuery, // The default length of a jQuery...所以我们可以在jQuery的api调用之后继续调用jQuery的方法，这样就称作是链式编程。...常用插件 jQuery UI jQuery EasyUI jQuery formvalidate jQuery 延迟加载插件 .....

2.3K0 0

jQuery源码解析之jQuery.event.dispatch()

触发绑定的事件的处理程序源码： //源码5472行 //nativeEvent即原生MouseEvent //触发事件的处理程序 dispatch: function...() 作用：将原生事件对象MouseEvent修正（fix）成jQuery的event对象源码： //源码5700行 fix: function( originalEvent ) {...()方法（2）jQuery.Event() 源码： //click，false //修正event对象 //源码5777行 //src即MouseEvent jQuery.Event...作用：获取handler队列源码： jQuery.event = { //源码5547行 //组装事件处理队列 //event是fix过的MouseEvent, handlers..."click", origType: "click", data: undefined, handler: ƒ, guid: 4}, ] }, ] （5）回过头再往下看dispatch源码

1.1K2 0

Jquery源码分析：初始化Jquery函数

今天我们来分析一下jquery的源码，从关于初始化jquery这个函数开始。...jQuery.fn赋值原型链 jQuery.fn = jQuery.prototype = { jquery: version } 3 init = jQuery.fn.init = function...已经赋值了jQuery的原型链第一行定义一个jQuery变量来接受jQuery.fn.init函数的实例化。...所以当第一行new jQuery.fn.init就得到其实jQuery本身，其实就等于：jQuery = new jQuery(selector, context)。...在源码的结尾处，源码开始的定义了一个jQuery变量来接收了jQuery自身实例的对象。

1.8K3 0

Jquery源码分析：初始化Jquery函数

今天我们来分析一下jquery的源码，从关于初始化jquery这个函数开始。...jQuery.fn赋值原型链 jQuery.fn = jQuery.prototype = { jquery: version } 3 init = jQuery.fn.init = function...已经赋值了jQuery的原型链第一行定义一个jQuery变量来接受jQuery.fn.init函数的实例化。...所以当第一行new jQuery.fn.init就得到其实jQuery本身，其实就等于：jQuery = new jQuery(selector, context)。...在源码的结尾处，源码开始的定义了一个jQuery变量来接收了jQuery自身实例的对象。

1.5K2 0

jQuery Mobile 教程 (1)

同样的，秉承jQuery UI的优良传统，jQuery Mobile 也是可以定制主题的（Themable designs: Bigger and better），据官方文档（we added support...不脱俗，先从hello world 开始 Hello jQuery Mobile! Hello world, jQuery Mobile!....首先，需要引用jquery&& jquery mobile jquery.com/mobile/1.0a2/jquery.mobile...-1.0a2.min.css" /> jquery.com/jquery-1.4.3.min.js"> jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"> 然后，在body中插入内容块： <div data-role=

2K6 0

jQuery 入门指南教程

使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。...对象区别只有jQuery对象才能使用jQuery定义的方法。...注意dom对象和jQuery对象是有区别的，调用方法时要注意操作的是dom对象还是jQuery对象。普通的dom对象一般可以通过$()转换成jQuery对象。...它的原理在于每一步的jQuery操作，返回的都是一个jQuery对象，所以不同操作可以连在一起。...它是定义在jQuery构造函数上的方法，即jQuery.method()，所以可以直接使用。

1.7K1 1

02-老马jQuery教程-jQuery事件处理

如果需要了解DOM的教程参考地址：https://chuanke.baidu.com/v5508922-239160-1771112.html 1.1 简单绑定click事件语法格式：click([[...fn的内部作用域中this指向当前的DOM对象（注意不是jQuery的包装对象) 返回值： jQuery的包装对象！！！...所有的简单事件的返回值都是调用此方法的jQuery包装对象。...第二，只触发jQuery对象集合中第一个元素的事件处理函数。第三，这个方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。...jQuery对其封装后，避免了各个浏览器不同标准的差异。

7.5K0 0

02-老马jQuery教程-jQuery事件处理

如果需要了解DOM的教程参考地址：https://chuanke.baidu.com/v5508922-239160-1771112.html 1.1 简单绑定click事件语法格式：click([...fn的内部作用域中this指向当前的DOM对象（注意不是jQuery的包装对象) 返回值： jQuery的包装对象！！！...jQuery的可以绑定多次，而且相互不干扰。...所有的简单事件的返回值都是调用此方法的jQuery包装对象。...第二，只触发jQuery对象集合中第一个元素的事件处理函数。第三，这个方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。

3.6K8 0

jQuery源码解析之position()

() 作用：返回被选元素相对于父元素（parent）的偏移坐标使用：直接调用$().position()即可，该方法没有 arguments（参数对象） jQuery.js...> 这是divTwo $("#pTwo").position() //{top: 0, left: 8} 源码...// 返回被选元素相对于父元素（parent）的偏移坐标 // 可以理解成被选元素设置为absolute， // 然后设置left、top的值就是相对于父元素的偏移坐标 // 源码...getBoundingClientRect() 计算的是目标元素的border的位置（左上角），是不包括margin的 ② 如果不加上margin的话（代码是通过减去，来算上margin的），是不准确的，看下图所以源码最后会...： - jQuery.css( elem, "marginTop", true ) - jQuery.css( elem, "marginLeft", true ) （2）jQuery.css( elem

9411 0

jQuery源码解析之width()

注意下div标签的默认值二、$().width() 作用：获取目标元素的宽度源码： //源码7033行 //$.each(obj,callback(index,item){}) jQuery.each...getWidthOrHeight() 作用：获取width或height的值 //获取 width 或 height //dimension:width/extra:"content" //源码...dimension, styles ) 作用：获取元素的当前属性的值 // 获取元素的当前属性的值 // elem, "position" // elem,width,styles // 源码...jQuery.contains( elem.ownerDocument, elem ) ) { //使用jQuery.style方法来获取目标元素的属性值 ret = jQuery.style...： //源码7033行 //$.each(obj,callback(index,item){}) jQuery.each( [ "height", "width" ], function(

3.6K2 0

Jquery源码分析-整体结构

最近在学习Jquery的最新的源码，Jquery-3.3.1版本。网上有很多对jquery解析的文章。但是我还是要自己去尝试着看一篇jquery的源码。本系列博客用来记录其中的过程，并同大家分享。...本次学习Jquery源码是结合Jquery API来学习的。结合API来学习，首先会让我理解Jquery的整体结构，让我觉得Jquery源码是有迹可循。...如果盲目的去看Jquery源码，10000多行的代码可能会让人望而生畏。　　Jquery API 很好地表达了Jquery的整体结构，可以很清楚知道Jquery由哪几部分组成。...Jquery使用　　在使用Jquery的时候，可以通过JQuery或者$直接调用Jquery提供的方法，并不需要去实例化Jq对象。...$.extend，是jquery直接提供的静态方法，$()方式调用的是Jquery.fn中的方法。两种不同调用Jquery的方式。

1.5K2 0

jQuery源码解析之offset()

script> 这是divTwo $("#pTwo").offset() //{top: 16, left: 8} 源码...(index,currentoffset)) // offset() relates an element's border box to the document origin //源码...2、$().offset({top:15,left:15}) $("#pTwo").offset({top:15,left:15}) 源码：当有参数的时候，就会走 if 中，通过jQuery.offset.setOffset...( this, options, i ); } ); } jQuery.offset.setOffset( ) //offset()的关键方法 //源码10403...i、jQuery.extend( {}, curOffset ) jQuery.extend( {}, curOffset ) 暂不解析jQuery.extend()，但这里的作用不用看源码，也知道是将

1.5K1 0

jQuery源码解析之trigger()

").on("click",function () { console.log("one被点击了") }) $("#one").trigger('click') 作用：看一、（1）源码...： //触发type事件，data是自定义事件的额外参数 //源码9014行 trigger: function( type, data ) { return this.each...()方法三、jQuery.event.trigger() 源码： //源码8850行 //type, data, this trigger: function( event,...（4）rfocusMorph //匹配focusinfocus或者focusoutblur //源码8872行 var rfocusMorph = /^(?...源码： //结果仅供内部使用 // results is for internal usage only //源码442行 makeArray: function( arr

3K2 0

jQuery源码解析之clone()

前言：这篇讲完后，jQuery的文档处理就告一段落了，有空我把这部分整合下，发一篇文章目录。一、示例代码 jQuery源码解析之clone() </...，需要注意的就是参数deepDataAndEvents不填的话，其值是根据参数dataAndEvents的值来定的三、jQuery.clone() 作用同上源码： jQuery.extend( {...//源码6117行 //生成被选元素的副本，包含子节点、文本和属性 clone: function( elem, dataAndEvents, deepDataAndEvents...示意图：源码： //src:目标元素 //dest:克隆的元素 //源码5902行 function cloneCopyEvent( src, dest ) { var i,

3K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭