`
换个号韩国红果果
  • 浏览: 48038 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类

jquery内部链式调用机理

    博客分类:
  • web
阅读更多
只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象(通过this  因为一旦一个函数称为一个对象方法的话那么在这个方法内部this(结合下面的setStyles)指向这个对象)
function  create(type){
var element=document.createElement(type);
    //this=element;
    element.setStyles=function(key,prop){
    	this.setAttribute(key,prop);
    	return this;//this指向element
    }
    element.getStyle=function(key){
    	return this.getAttribute(key);
    	
    }
return element;
}

var ele=create('div');
那么现在ele就具有了setstyles getstyle方法

测试

ele.setStyles('color','red').setStyles('id','jk');

分享到:
评论

相关推荐

    jQuery的链式调用浅析

    因此,jQuery在内部通过一个包装器(wrapper)来封装原生DOM对象,使得这些对象可以跨浏览器地支持链式调用。 关于链式调用的核心,描述中提到了三点: 1. jQuery的包装器函数:jQuery函数(也就是jQuery())是...

    JQuery特殊效果和链式调用操作示例

    在标题“JQuery特殊效果和链式调用操作示例”中,描述了文章将围绕jQuery的特殊效果与链式调用操作进行介绍,并且会通过实例形式来分析总结。所谓的“特殊效果”主要包括了各种视觉动画效果如淡入淡出、滑动展开和...

    浅析jQuery的链式调用之each函数

    《深入理解jQuery的链式调用与each函数》 在前端开发中,jQuery以其简洁、易用的API深受开发者喜爱,极大地简化了JavaScript操作DOM的复杂性。其中,链式调用是jQuery的一个核心特性,而`each`函数则是jQuery处理...

    【JavaScript源代码】详解JavaScript中的链式调用.docx

    例如jQuery库,它在每个方法内部都返回`this`,以便继续调用其他方法。例如: ```javascript var Person = function() {}; Person.prototype.setAge = function(age){ this.age = age; return this; // 返回...

    jQuery链式操作如何实现以及为什么要用链式操作

    两个问题 1.jQuery的链式操作是如何实现的? 2.为什么要用链式操作? 大家认为这两个问题哪个好回答一点呢? 链式操作 原理相信百度一下一大把,实际上链式操作仅仅是通过对象上的方法最后 return this 把对象再返回...

    Python实现类似jQuery使用中的链式调用的示例

    关于jQuery的链式调用 真正有意义的链式调用也就是方法链(method chaining)。方法链这个词是有的,而且使用的很广泛。其实很多人口中的“链式调用”实际上就是指方法链。但是“链式调用”这个词语还可以描述函数...

    Javascript 链式调用实现代码(参考jquery)

    在JavaScript中,链式调用是一种常见的编程模式,特别在像jQuery这样的库中广泛使用。链式调用允许我们连续地调用同一个对象上的方法,而不需要重复引用该对象本身。这种模式在减少代码冗余和提高可读性方面非常有效...

    jQuery链式调用与show知识浅析

    链式调用是jQuery的核心特性之一,它允许开发者连续调用多个方法,而无需创建新的jQuery对象。`show`方法则是用于显示被隐藏的元素。 首先,让我们看看链式调用的工作原理。在jQuery中,每个实例方法(如`show`、`...

    jquery跨域调用 js跨域调用

    jQuery作为一款广泛使用的JavaScript库,提供了方便的API来处理这种限制,实现跨域调用。 一、什么是jQuery跨域调用? jQuery跨域调用主要是通过JSONP(JSON with Padding)和CORS(Cross-Origin Resource Sharing...

    在JavaScript中实现链式调用的实现

    链式调用在 JavaScript 语言界很常见,如 jQuery 、 Promise 等,都是使用的链式调用。链式调用可以让我们在进行连续操作时,写出更简洁的代码。 new Promise((resolve, reject) => { resolve(); }) .then(() =...

    详解JavaScript中的链式调用

    链式调用在JavaScript语言中很常见,如jQuery、Promise等,都是使用的链式调用,当我们在调用同一对象多次其属性或方法的时候,我们需要多次书写对象进行.或()操作,链式调用是一种简化此过程的一种编码方式,使代码...

    jquery 调用浏览器打印功能

    而“jQuery 调用浏览器打印功能”是利用 jQuery 实现的一种方法,允许用户通过点击按钮或执行特定操作来触发浏览器的打印功能,从而打印网页内容。在描述中提到了 jqPrint 插件,这是一个专门用于打印 jQuery 对象...

    HTML5+jQuery+Canvas调用手机拍照功能上传图片

    在现代Web开发中,HTML5、Canvas和jQuery的结合提供了许多强大的功能,其中之一就是能够调用手机摄像头拍照并上传图片。这个技术应用广泛,尤其在移动设备上的网页应用,为用户提供了更直观、便捷的交互体验。下面...

    jquery调用打印机打印

    本文将深入探讨如何利用`jQuery`调用打印机打印功能,以及相关知识点。 首先,我们需要理解浏览器的打印机制。在Web环境下,打印通常是通过调用浏览器的`window.print()`方法来实现的。这个方法会弹出一个打印预览...

    jquery 自定义方法调用示例

    除了基础的自定义方法,我们还可以利用jQuery的链式调用特性,进一步提高代码的可读性和效率。例如,我们可以结合其他方法来实现更复杂的逻辑: ```javascript $('p').addClass('highlighted').highlightElement()....

Global site tag (gtag.js) - Google Analytics