• ##Jquery基础(一)


    Jquery基础

    ##一、概念:javaScript 框架 简化js开发

      继Prototype之后又一个优秀的js代码库(js框架)

      设计宗旨:Write Less Do More 里面封装了我们常用的js 功能代码

      优化html 文档操作 事件处理 动画效果 Ajax交互

      就是封装了js代码而已

    ##二、快速入门

      ##1 步骤

    ​   ##1 下载Jquery

    ​     目前三大版本

        ​ 1.x 兼容 ie678 官方只做BUG 维护 功能不再更新 2016截止更新(目前很多在用)

    ​     2.x 不兼容 ie678很少有人有用,官方只做BUG 维护 功能不再更新 2016 止更新 5.20停止更新

    ​     3.x 不兼容 ie678 只支持少数浏览器除非特殊要求 一般不会使用 不支持老的插件 目前官方维护更新

        ​ jquery-xxx.js开发版本

        ​ jquery-xxx-mini.js---生产版本 程序中运行实行 没有缩进 体积小 程序加载快

      ​## 2 导入 JQuery文件 导入mini版

      ​## 3 使用

    <head>
    <script src="jquery.js"></script>
    </head>

      在使用前,我们都要去识别我们这个文件

      当然在这里,还有第二种方案,我们不想下载那个文件,也可以直接访问CDN(内容分发网络) 引用它,因为谷歌和微软的服务器都有jquery

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">

    ##三、Jquery基础语法:

      ##jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

      ##一、我们要使用它,是不是要先获得对象

      语法:id选择器:$("#id名");

        var d=$("#d1");

         类选择器:$(".类名");

         var v=$(".d3");

         标签:$("标签名");

        var f=$("div");

    ##四、JavaScript对象和Jquery对象之间的转换

      ​##1、 jQuery对象和js对象的区别

    ​     1 jquery 方便

    ​      2 二者对象的方法不通用

      ##2、​ 相互转换

        ​ jq----》js jq对象[索引] 或者jq对象.get(索引)

    ​     js----》jq $(js对象)

    语法:Jquery对象转JavaScript对象

           var d=$("#d1");
            d[0];

      JavaScript对象转Jquery对象

          var d=document.getElementById("d1");
            $(d);
  • 相关阅读:
    史上最全web.xml配置文件元素详解
    SpringMVC后台接收list类型的数据的实现方式
    史上最全的maven的pom.xml文件详解
    阿里菜鸟同学迟到的2018年个人总结(文末彩蛋)
    可以落地的DDD到底长什么样?
    欠的债,这一次都还给你们
    主流分布式架构的风流韵事...
    分布式架构的前世今生...
    分布式架构之美~
    征服诱人的Vagrant!
  • 原文地址:https://www.cnblogs.com/liurui-bk517/p/11104530.html
Copyright © 2020-2023  润新知