##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);
原文地址:https://www.cnblogs.com/liurui-bk517/p/11104530.html