码迷,mamicode.com
首页 > Web开发 > 详细

##Jquery基础(一)

时间:2019-06-28 21:08:42      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:内容   doc   code   EAP   通用   jquery基础   document   alt   签名   

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);

##Jquery基础(一)

标签:内容   doc   code   EAP   通用   jquery基础   document   alt   签名   

原文地址:https://www.cnblogs.com/liurui-bk517/p/11104530.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!