zoukankan      html  css  js  c++  java
  • ##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);
  • 相关阅读:
    IsBadReadPtr|IsBadWritePtr调试崩溃
    VSCode配置python调试环境
    Visual Studio Code 如何编写运行 C、C++ 程序?
    使用nginx做反向代理
    Win10环境下配置VScode的C++编译环境
    关于java 获取 html select标签 下拉框 option 文本内容 隐藏域
    【VSCode】Windows下VSCode编译调试c/c++【更新 2018.03.27】
    VS Code 配置 C/C++ 环境
    改变你一生的编辑器:VSCode使用总结
    CentOS7,安装Tomcat8.5、JDK1.8,并设置开机启动(Linux CentOS Tomcat、JDK+Tomcat、Tomcat开机自启动)
  • 原文地址:https://www.cnblogs.com/liurui-bk517/p/11104530.html
Copyright © 2011-2022 走看看