`

JS 原型应用

 
阅读更多
<html>
<body>

<input type="text" name="txtName" value="123" id="txtName">

<input type="button" name="btn" id="btn" value="confirm"></input>

<script>

  (function(window){
 
var jQuery = function(id) {
return jQuery.fn.init(id);
}
jQuery.fn = jQuery.prototype;

jQuery.fn = {
init:function(id){
this.id = id;
this.element =  document.getElementById(this.id);
return this;
},
html: function(html) {
   this.element.innerHTML = html;
           return this;
       }
  
};
jQuery.fn.init.prototype = jQuery.fn;

jQuery.fn.val = function(){
return this.element.value;
   }

window.$ = window.jQuery = jQuery;

  })(window);

 
  (function($){
 
$.fn.click = function(callback){
this.element.onclick = callback;
return this;
}
$.trim = function(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
  })(jQuery)
 
  $("btn").click(function(){
alert($("txtName").val())
  })
alert("11" + $.trim("  fdsafdsa "));
</script>

</body>

</html>
分享到：
版本说明
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    原生JS原型对象练习

    同时，他们也将学习如何扩展JavaScript内置对象，以及原型链在实际问题中的应用，例如在不使用额外库的情况下，实现字符串反转等实用功能。 总的来说，这个练习旨在让学习者掌握JavaScript中原型对象和原型链的核心...

    js原型通用验证框架

    JavaScript原型通用验证框架是一种基于JavaScript设计模式的高效验证工具，其核心原理是利用JavaScript的原型（prototype）特性来实现对象的扩展与复用，从而达到代码的模块化和可维护性。这一框架广泛应用于Web开发...

    基于js原型链的小游戏

    在这个"基于js原型链的小游戏"中，我们看到JavaScript的核心概念——原型链（Prototype Chain）被巧妙地应用于实现游戏逻辑。 原型链是JavaScript实现继承的主要机制，它通过内部的`__proto__`属性将对象链接起来，...

    【技术分享】从浅入深 Javascript 原型链与原型链污染 .pdf

    本文将深入探讨JavaScript原型链的工作原理及其可能导致的安全问题——原型链污染。 首先，JavaScript 中的对象继承并不像传统面向对象语言那样基于类，而是通过原型链机制。每个对象都有一个内部属性`[[Prototype]...

    Toastjs一个JavaScript原型吐司消息

    "Toastjs一个JavaScript原型吐司消息" 这个标题指的是一个名为Toast.js的JavaScript库，它主要用于实现"吐司"（Toast）消息功能。在UI设计中，吐司消息是一种轻量级的通知方式，通常用于显示短暂、非中断性的提示...

    深入理解javascript原型和闭包.pdf

    JavaScript原型和闭包是这门语言中两个比较难以理解且与其他面向对象语言区别较大的概念。理解这两个概念，不仅能让我们更深层次地理解JavaScript，而且有助于我们了解编程语言的设计思路，拓宽我们的视野。 首先，...

    深入探索JavaScript的原型继承：机制、实现与最佳实践

    本文将深入探讨JavaScript原型继承的工作原理、实现方式以及在现代Web开发中的应用。 JavaScript的原型继承是一种强大且灵活的机制，它允许对象之间共享功能和行为。通过深入理解原型继承的工作原理和实现方式，...

    js原型的个人理解

    本文将深入探讨JS原型的基本原理、实现方式及其应用，并通过具体示例帮助读者更好地理解和掌握这一重要概念。 #### 原型与原型链 在JavaScript中，每个函数都有一个特殊的属性`prototype`，这是一个指向对象的引用...

    JS的原型和原型链.pdf

    在深入探讨JavaScript（JS）的原型和原型链之前，我们需要对一些基本概念有所了解，以便更好地理解文档内容。 1. 什么是原型？ 原型是JavaScript中每个对象都具有的属性，它是一个内部链接，指向另一个对象。通过这...

    一套基于纯js实现的JavaScript典型应用技巧例子源码

    JavaScript是一种广泛应用于网页和互联网应用开发的脚本语言，它主要负责处理客户端的交互和动态内容。本套源码集合是一系列基于纯JavaScript实现的典型应用技巧实例，旨在帮助开发者深入理解和掌握JavaScript的核心...

    js软件界面原型设计.ppt

    js软件界面原型设计 第2章 软件界面原型设计 思考： 软件原型设计的重要性； 如何设计Web应用程序原型 ...界面原型在需求阶段是与用户交流的工具；...Web应用的界面原型需要使用Html、JavaScript设计一个完整的网站

    javascript 原型与原型链的理解及应用实例分析

    主要介绍了javascript 原型与原型链的理解及应用,结合实例形式分析了javascript原型与原型链的具体原理、功能、使用方法及操作注意事项,需要的朋友可以参考下

    强大的原型和原型链

    ### 强大的原型和原型链 #### 前言 JavaScript 的继承机制与传统面向对象语言（如 Java、...通过理解和运用原型和原型链的概念，开发者能够更有效地组织和管理 JavaScript 代码，构建出更加强大和可维护的应用程序。

    手机原型风格html页面多个

    例如，可以添加更多的样式和交互，使用Bootstrap或自定义CSS样式表增强视觉效果，或者使用JavaScript框架如Vue.js、React或Angular进行动态数据绑定和功能扩展。 总的来说，这个资源对于理解HTML5在构建手机应用...

    javascript原型继承工作原理和实例详解_.docx

    ### JavaScript原型继承工作原理及实例详解 #### 一、引言 JavaScript作为一种广泛使用的脚本语言，在Web开发中扮演着重要角色。其独特的面向对象机制是通过原型继承来实现的，这种机制使得JavaScript能够灵活地...

    JS原型与原型链的深入理解

    JavaScript中关于原型与原型链的理解是深入学习该语言的一个重要环节。这篇文章为我们提供了深入探讨这个话题的机会，并...对于JavaScript开发者而言，掌握原型和原型链的深入理解是构建高级应用程序不可或缺的一部分。

    详解js中的原型，原型对象，原型链.docx

    本文将深入探讨JavaScript中的原型、原型对象以及原型链的概念，并通过具体示例帮助读者更好地理解和应用。 #### 原型与原型对象 在JavaScript中，每个函数都有一个特殊的属性`prototype`，这是一个指针，指向一个...

    Javascript原型继承

    理解JavaScript原型继承是深入学习JavaScript的关键，它在实际开发中有着广泛的应用，尤其是在构建复杂的数据结构和实现模块化代码时。熟练掌握这一概念，将有助于提升JavaScript编程的灵活性和效率。

    123d原型文件

    "123d原型文件"显然指的是一个用于创建HTML和JavaScript应用的原型设计。在这款名为"医链app积分模块+认证模块2016-01-21"的压缩包中，我们可以深入探讨关于App原型设计、HTML和JavaScript以及特定的医疗应用模块...

Magicbox
Global site tag (gtag.js) - Google Analytics