jQuery介绍篇

最新推荐文章于 2023-06-11 13:49:24 发布

Xiaoyao_lang

最新推荐文章于 2023-06-11 13:49:24 发布

阅读量292

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/Xiaoyao_lang/article/details/70768219

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>