• jquery入门


           Jquery是javascript中中众多框架中的一个框架。它是轻量级的js库。以DOM元素为核心一点一点地给他们加入新功能。Jquery的特色就是“面向集合和方法连缀”。Jquery的设计秉承了一致性和对称性原则,它的大部分概念都是从htmlcss的结构中借用来的。

    它利用CSS选择符创建jquery对象,为这些对象提供丰富的方法,批量操作当中的DOM元素,并且让全部方法尽可能再返回这个对象以实现方法连缀调用,这些绝妙的创意组合在一起,让写javascript代码变得妙趣横生!

    Jquery如此受欢迎,他的优势在哪里?

    (1)   利用CSS的优势

                 通过将查找页面元素的机制构建于CSS选择符之上,jquery继承了简明清晰地表达文档结构的方式。 

    (2)   支持扩展

                为了避免特性蠕变,jquery将特殊情况下使用的工具归入插件其中。

    (3)   抽象浏览器不一致性

                 Web卡法领域中一个令人遗憾的事实是,每种浏览器对颁布的标准都有一套不太一致的实现方案。但jquery加入一个抽象层来标准化常见的任务,从而有效降低了代码量,极大地简化了这些任务

    (4)  面向集合。方法连缀

               当我们仅仅是jquery“找到带有collapsible类的所有元素,然后隐藏他们时,不须要循环遍历每个返回的元素”。

    .hide()之类的方法被设计成自己主动操作对象集合。利用这 种隐式迭代技术,能够抛弃那些臃肿循环结构,降低代码量。

    “连缀”模式以为这基于一个对象进行的多数操作的结果,都会返回这个对象自身,以便为该对象应用下一次操作

    怎样使用jquery呢?

             jQuery不须要安装。要使用它仅仅需该文件的一个副本,该副本能够放在外部网站上,也能够放在自己的server上。因为JavaScript是一种解释型语言。所以不必操心编译和构建。什么时候须要使用jQuery。仅仅要在HTML文档中使用<script>元素把它导入进来就可以。

    引用的jquery应放置何处?

             在引用样式表文件的代码之后,是包括JavaScript文件的代码。这里要注意的是,引用jQuery库文件的<script>标签。必须放在引用自己定义脚本文件的<script>标签之前。否则,在我们编写的代码中将引用不到jQuery框架。

    jquery升级版本号的弊端

            一般来说。最合适的版本号就是jQuery的最新版本号。

    但是。对于现有的jQuery 2.0版来说。问题就复杂一点了。

    为了确保在现代浏览器中速度更快,代码更简洁,jQuery从2.0版開始不再支持IE6、IE7和IE8。jQuery开发团队知道,支持这些老版本号浏览器也非常重要,因此。还会继续维护jQuery 1.x版。

            对于文中提到的“面向集合。方法连缀”,自己脑海中一片雾水,期待在以下的学习中能够将这8个字參透。

            以下这段话,是水镜师哥给与“面向集合,方法连缀”的解说。我看后茅塞顿开,内心很激动,贴出来和大家一起分享:

           

           面向集合==容器;方法连缀==面向对象。

           Jquery中的面向集合,就是我们近期一直在说的容器思想。Jquery中有一系列的公共性的东西,

           能够依据我们的须要将这些公共性的东西提供给我们想要处理的对象们。就拿之前提到的hide()方法来说。它是一个公共的方法,并不针对不论什么人。

           我们告诉Jquery让CSS类属性为“collapsible”的元素使用这种方法,那么所有类属性为“collapsible”的元素就所有被隐藏了。这就是容器。

           而方法连缀。就是Jquery的面向对象封装,把一切都看成对象。就连方法的返回值也是一个对象,既然是一个对象,那么自然就拥有自己的方法,所以就

            能够一直“.”下去,也就是方法连缀。

    看以下的代码吧:

    var num = {
    
      value: 1,
    
     minus: function (n) {
    
     this.value -= n;
    
     return this;
    
    },
    
    plus: function (n) {
    
       this.value += n;
    
        return this;
    
     },
    
      getVal: function () {
    
        console.log(this.value);
    
      }
    
     };
    
     num.minus(2).plus(5).getVal();

    每一个方法都是返回一个对象。然后就能够继续“.”,这种编程方法大大简化了代码。
  • 相关阅读:
    springboot使用MockMvc测试controller
    MySQL5.6版本之后设置DATETIME类型自动更新
    MAVEN打包时跳过Junit测试
    没看这篇干货,别和我说你会IDEA Debug
    java通过HtmlUnit工具和J4L实现模拟带验证码登录
    Vue+Java实现在页面树形展示文件目录
    exceptions: django2.2/ mysql ImproperlyConfigured: mysqlclient 1.3.13 or newer is required; you have 0.9.3
    linux 软连接的使用
    Linux pip命令报错 -bash: pip: command not found
    MySQL使用命令导出/导入数据
  • 原文地址:https://www.cnblogs.com/liguangsunls/p/6736074.html
Copyright © 2020-2023  润新知