Jquery简介

Jquery

Jquery本质就是JavaScript中的js库(框架)，兼容css3，还可以兼容各种浏览器，在企业中使用频率较高。

• 环境搭建
  • 去官方下载jquery源码，生成js文件—> jquery.js
  • 将jquery插件添加到 web 新建一个文件夹js
  • 在html页面中引入jquery.js
• 宗旨：Write less Do More 写更少的代码，实现更多的功能。
• 优化HTML和JS代码，可以进行文档处理、事件处理、动画设计，ajax
• 目前Jquery有三个版本：
  • 1.XXX:在市面上使用频率是最高的，兼容大部分浏览器，目前最新的版本是 1.12.4,功能不再增加了，只做bug维护
  • 2.XXX 在市面上使用很少，官方只做bug维护，不再增加新功能，目前最新的版本是：2.2.4
  • 3.XXX 一般，只支持浏览器的最新版本，历史好多版本不支持。目前最新的版本是：3.5.1
• jquery.js 和 jquery-min-js版本
  • jquery.js 开发版本 给程序员看的，有良好的的注释和缩进格式，文件较大一些
  • jquery-min-js 生产版本 给程序看的，没有注释也没有缩进 文件较小一些。

使用JQuery

• 快速入门：

  window.onload = function () {
                var input = document.getElementById("inpOne");
                var value = input.value;
                //alert("使用原生js方式获取input标签内容为：" + value);
                var input2 = jQuery("#inpOne");// 等价于 getElementById("inpOne");
                var val = input2.val();
                //alert("使用jquery方式获取input标签的内容：" + val);
  
                var div = document.getElementsByClassName("divOne")[0];
                var content = div.innerHTML;
                alert( "使用原生js方式获取div文本内容：" +content);
  
                var div2 = jQuery(".divOne");
                var content2 = div2.html();
                alert("使用jquery方式获取div文本内容：" + content2);
            }
  

• jquery和js原生对象是不可以互相调用对方的属性和方法

• 两者之间可以做相互转换：

  ​ jquery -----> js 格式 jquery元素对象[索引] 或者 jquery元素对象.get(索引)