`

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设计中，吐司消息是一种轻量级的通知方式，通常用于显示短暂、非中断性的提示...

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

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

    js软件界面原型设计.ppt

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

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

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

    手机原型风格html页面多个

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

    Javascript原型继承

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

    123d原型文件

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

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

    在JavaScript中，原型、原型对象和原型链是理解面向对象编程的关键概念。...在实际开发中，这些概念不仅在创建可复用的代码和构建复杂的应用时起到关键作用，同时也是深入理解JavaScript工作原理的基础。

    JS 对象实例讲解和应用

    本文将深入探讨JS对象的实例创建、属性与方法、原型链、继承机制以及在实际应用中的常见场景。 一、JS对象实例的创建 1. 构造函数创建 构造函数是一种特殊类型的函数，用于创建和初始化特定类型的对象。例如： ```...

    web开发后台原型

    本资源包含27个精心制作的后台界面原型，涵盖了多个行业应用场景，无论是用于快速开发项目，还是作为学习素材，都能提供极大的帮助。 1. **Web原型**：在web开发初期，原型是设计师与开发人员沟通需求的重要工具。...

    浅析JavaScript实现基于原型对象的“继承”.pdf

    本文将对JavaScript原型继承的方式进行介绍，并结合实例进行分析。 基于类的继承 面向对象编程语言是基于类的语言，以Java为例，Java是基于类的语言。在基于类的语言中，对象是类的实例，并且一个类可以从另一个类...

    Javascript原型-基本

    通过`Prototype-In-Javascript-Basic.pdf`和`Prototype-In-JavaScript-Examples.zip`中的资料，你可以深入学习并实践JavaScript原型的各种用法，包括如何创建和使用原型，如何实现继承，以及如何处理与原型相关的...

    javascript脚本应用大全

    JavaScript，简称JS，是一种轻量级的解释型编程语言，主要应用于网页和网络应用开发，是Web开发不可或缺的一部分。在“JavaScript脚本应用大全”这个主题中，我们将深入探讨JavaScript的核心概念、语法特性以及各种...

    AXURE常用原型组件

    "Element_Components_v1.1.0.rplib"则是基于Element UI的AXURE组件库，Element UI是流行的Vue.js组件库，它的引入使得原型设计可以轻松实现诸如弹窗、通知、进度条等组件，为产品的后台管理系统设计提供便利。...

    UI原型原文件

    在IT行业中，UI（用户界面）原型是设计者在创建应用程序或网站时的初步草图，用于呈现交互和视觉设计的框架。这个压缩包“UI原型原文件”包含了一个UI原型的设计元素，使得开发者和设计师可以更深入地理解和学习如何...

    JavaScript_原型UI元素的集合.zip

    总结来说，"JavaScript_原型UI元素的集合.zip"这个压缩包提供了一套关于JavaScript原型机制和UI元素实现的实践教程。通过学习和研究，开发者不仅可以掌握JavaScript对象继承的原理，还能了解到如何用JavaScript高效...

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