jQuery介绍篇

来源：互联网发布：淘宝权限管理编辑：程序博客网时间：2024/06/09 13:47

jQuery介绍

jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。从jQuery的口号中我们就可以看出端倪（jquery的口号和愿望 Write Less, Do More（写得少，做得多））。

jQuery的版本分为1.x系列和2.x、3.x系列，目前使用最多的是1.x系列的；1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器。

1、http://jquery.com/ 官方网站
2、https://code.jquery.com/ 版本下载

jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>原生js和jQuery对比</title>    <!-- 引入jquery函数库的js文件 -->    <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>      <script type="text/javascript">        window.onload = function(){            var oDiv = document.getElementById('div1');            alert("原生js弹出的"+oDiv);        }// js代码    $(document).ready(function(){            var $div = $('#div1');            alert("jQuery弹出的" + $div);        });// jQuery代码，从这里已经可以看出代码相比js要少，这不够，还可以更少。    // 以上代码的简写，我们开发中常用的方式，是不是很少？    $(function(){        var $div = $('#div1');        alert("jQuery2弹出的" + $div);    });    </script></head><body>    <div id="div01">这是一个div元素</div></body></html>

运行以上代码，我们还会发现jQuery执行速度比js要快，原因在于readay等标签加载完就执行，window.onload需要等待页面所有标签加载完，进行渲染完毕才会执行。微软公司甚至把jQuery作为他们的官方库。如果是你，你会选择哪个呢？

0 0