`
openxtiger
  • 浏览: 151172 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

[Js++开发历程] 还是那个字符“$”

    博客分类:
  • Js++
 
阅读更多

“$”这个字符在很多Javascript框架中都有用到,所以我们也不妨用用。

那她具体有何用呢?我考虑了以下几点:

1.“$”为一个静态对象,一般是作成工具类,“$()”为Jclass对象的prototype。

2.“$”的这个变量形成的函数根据参数个数的不同,会返回不同的结果

3.对于$函数,有以下考虑

  3.1 $() 参数为空值时,返回 Jclass.prototype 

  3.2 $(HTMLElement) 参数为HTMLElement时,返回一个即时Jclass对象。返回的对象不能存储,因为此对象的dom会被下一次调用时更新

  3.3 参数为字符串时,返回通过querySelectorAll方式获取的Jclass对象

  3.4 $({$:'class',id:'id1',name:'jspp'}) 参数为对象时,且含有$属性时,创建一个构造函数参数为{id:'id1',name:'jspp'},类名为'class'对象

  3.5 $(function(){}) 参数为函数时,文档加载完成后,回调此函数

  3.6 其他的参数,返回一个Jclass对象

 

4.由于$()返回是Jclass.prototype,所以对$()的扩展就是对Jclass.prototype的扩展,当然也可以通过$.fn来获取Jclass.prototype

5.$().$()函数,即Jclass.prototype的$()函数,有以下考虑

  5.1 $() 参数为空值时,返回Jclass对象第一个dom

  5.2 $({$:'class',id:'id1',name:'jspp'}) 参数为对象,且含有$属性时,创建一个构造函数参数为{id:'id1',name:'jspp'},类名为'class'对象,

      并将自己(Jcalss对象)赋值给生成对象的owner属性上

  5.3 $(function(){}) 参数为函数时,第一个dom加载完成后,回调此函数

  5.4 其他参数 查看 $().query

 

6.Jclass的链式调用,Jclass的类很多函数都会返对象本身,所以可以采用链式调用的方式,比如:$('id1').first().back().css();

7.由于Jclass是封装dom的数组对象,因此就是提供很多返问数组元素的机制

  7.1  如何对数组进行遍历:get,head,tail用于获取数组对象的index个、第1个、最后一个dom生成的Jclass对象

  7.2  如何对dom对象的遍历:first,last,prev,next,parent 用于获取Jclass的第index个dom的第一个孩子、

       最后一个孩子、前一个、后一个、父亲的dom生成的Jclass对象

  7.3  遍历后如何退回:back 获取创建此Jclass对象的创建者的Jclass对象

1
0
分享到:
评论

相关推荐

    PHP+Mysql开发入门

    - **字符串型**:字符型(CHAR)、变长字符型(VARCHAR)等。 - **日期型**:日期(DATE)、时间戳(TIMESTAMP)等。 ##### 7.12 综合案例 - **案例**:创建一个包含姓名、年龄等字段的学生信息表。 ##### 7.13 ...

    Http+Css+Js+Jquary帮助文档

    ES6(ECMAScript 6)的引入带来了许多新特性,如箭头函数、模板字符串、let和const变量、类和模块,这些在JavaScript帮助文档中应有详细讲解。 **jQuery**是一个JavaScript库,它简化了JavaScript的使用,使得DOM...

    JavaScript设计与开发新思维(英文原版)

    本书首先回顾了JavaScript的发展历程,从其早期的简单语法到ES6及后续版本的复杂特性,如箭头函数、模板字符串、解构赋值、Promise和Async/Await等。通过这些新特性,开发者可以编写更简洁、更安全的代码。 ### 二...

    javascript网页开发-张孝祥.pdf

    根据提供的信息,我们可以推断这份文档“javascript网页开发-张孝祥.pdf”主要涉及JavaScript在网页开发中的应用。虽然给出的部分内容并未包含实际的文本信息,仅是关于PDF创建工具的信息,但我们仍可以根据标题、...

    001.JavaScript前世今生与开发环境

    它的前世今生充满了传奇色彩,从最初的Netscape Navigator浏览器内置语言,到如今成为全栈开发的重要工具,JavaScript的发展历程见证了互联网的变迁。 JavaScript最初由Brendan Eich在1995年在Netscape公司创建,...

    GBK字符集(汉字完整版)

    - **网页开发**: 在HTML、CSS和JavaScript中,可以通过设置合适的字符集来支持GBK编码的中文内容。 - **数据库存储**: 数据库系统(如MySQL)也支持GBK编码,可以用来存储和检索中文数据。 #### 七、GBK与其他字符...

    JAVA 从一个字符串中删除指定字符

    在Java编程语言中,删除字符串中的指定字符是一个常见的任务,特别是在处理用户输入或者文本数据时。这个过程涉及到字符串操作和字符遍历。本篇将详细解释如何实现这一功能,并拓展到相关的Java基础知识。 首先,...

    《V8、JavaScript+的现在与未来》-迷渡

    V8是Google开发的高性能JavaScript和WebAssembly引擎,它被用于Chrome浏览器和Node.js运行时。文章指出,V8引擎为了提高JavaScript的执行速度,实施了多项性能优化措施。 1. V8概览:V8内部实现了高效的JIT(即时...

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    01大前端开发和全栈开发的定义.avi 02前端开发基础视频-视频内容介绍.avi 03前端开发基础视频-操作系统常用设置.avi 04前端开发基础视频-操作系统通用快捷键操作(1)win快捷键使用.avi 05前端开发基础视频-操作...

    Coolite配置 管理软件开发历程之

    Coolite是一个基于EXT JS的.NET组件库,允许开发者在使用***技术栈时,能够构建类似EXT JS风格的富客户端应用。本文介绍的是在VS2008开发环境下,如何使用Coolite Toolkit来开发管理软件,并涉及到SQL Server 2005...

    完全手册-JavaScript动态网页开发详解

    在本完全手册中,我们将深入探讨JavaScript在动态网页开发中的应用与技巧,旨在为开发者提供一个全面、实用的指南。JavaScript作为Web开发的核心语言之一,其功能强大且灵活性高,被广泛应用于创建交互式网站。以下...

    [JavaScript与JScript从入门到精通]

    JavaScript也广泛应用在服务器端,Node.js平台利用V8引擎实现了JavaScript的运行时环境,开发者可以用JavaScript编写服务器程序,实现全栈开发。Node.js提供了丰富的模块系统和非阻塞I/O,适合构建高性能的网络应用...

    JavaScript程序设计-JavaScript简介.pdf

    JavaScript是一种广泛应用于网络开发的轻量级编程语言,它的全称是JavaScript,简称为JS。JavaScript主要用于增强HTML(超文本标记语言)网页的功能,提供动态交互性,使用户与网页之间的沟通更为流畅,同时也能提升...

    JavaScript开发技术

    总的来说,JavaScript作为一门强大的脚本语言,是Web开发人员必须掌握的基本技能之一,无论是前端交互还是后端服务,都有其不可替代的角色。随着Web技术的不断进步,JavaScript的应用领域还将进一步拓宽。

    iPlatUI 前台开发指南

    - **JS中字符串转数字运算规则**:掌握三种字符串转数字的方法,包括转换函数、强制类型转换及利用变量弱类型转换。 - **转换函数**:如parseInt()、parseFloat()等。 - **强制类型转换**:使用Number()或+号等。...

    [javascript实例自学手册:通过486个例子掌握WEB开发捷径].

    - **发展历程**:自1995年首次推出以来,JavaScript已经经历了多次版本更新,目前最新的标准是ECMAScript 2023。 - **运行环境**:JavaScript主要在浏览器环境中运行,同时也支持服务器端运行(如Node.js)。 #### ...

    javaScript 内核解析

    在实际应用中,JavaScript不仅局限于前端,也越来越多地被用于服务器端开发,如Node.js环境,提供了一种全栈式的开发体验。此外,JavaScript还与各种框架和库(如React、Vue、Angular)相结合,以构建复杂的Web应用...

Global site tag (gtag.js) - Google Analytics