##Jquery基础

Posted 2022-02-21 liurui-bk517

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了##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);

以上是关于##Jquery基础的主要内容，如果未能解决你的问题，请参考以下文章