jQuery是什么？jQuery怎么使用？

jQuery是什么？jQuery怎么使用？jQuery是对Javascript的封装，是免费开源的Javascript函数库简化了Javascript编程，增加网页和用户的交互效果。

jQuery学习目标：能够知道jQuery的作用及优点，掌握jQuery的使用方法。

一、jQuery的概念是什么？

jQuery是对Javascript的封装，它是免费、开源的Javascript函数库，jQuery 极大地简化了 Javascript 编程。jQuery和Javascript它们的作用一样，都是负责网页行为操作，增加网页和用户的交互效果的，只不过jQuery简化了Javascript编程，jQuery实现交互效果更简单。

学习jQuery知道jQuery的引入方式，能够说出两种jQuery入口函数的写法。

二、jQuery怎么用？

jQuery入口函数的写法

1. jQuery的引入

<script src="js/jquery-1.12.4.min.js"></script>

2. jQuery的入口函数

使用js获取标签元素需要页面加载完成以后再获取，通过给onload事件属性设置了一个函数来获取标签元素，而jquery提供了ready函数来解决这个问题，保证获取标签元素没有问题，它的速度比原生的 window.onload 更快。

入口函数示例代码:

<script src="js/jquery-1.12.4.min.js"></script><script>    window.onload = function(){        var oDiv = document.getElementById('div01');        alert('原生就是获取的div：' + oDiv);    };    $(document).ready(function(){        var $div = $('#div01');        alert('jquery获取的div：' + $div);    });</script><div id="div01">这是一个div</div>

入口函数的简写示例代码:

<script src="js/jquery-1.12.4.min.js"></script><script>    window.onload = function(){        var oDiv = document.getElementById('div01');        alert('原生就是获取的div：' + oDiv);    };        // 上面ready的写法可以简写成下面的形式：    $(function(){        var $div = $('#div01');        alert('jquery获取的div：' + $div);    }); </script><div id="div01">这是一个div</div>

引入jQuery获取标签元素需要在入口函数来完成，它的速度比原生的 window.onload 更快。

四、jQuery的优点

jQuery兼容了现在主流的浏览器，增加了程序员的开发效率。

jQuery简化了 Javascript 编程，代码编写更加简单。

五、小结

jQuery是一个免费、开源的Javascript函数库

jQuery的作用和Javascript一样，都是负责网页和用户的交互效果。

jQuery的优点就是兼容主流浏览器，代码编写更加简单。

985大学 211大学 全国院校对比 专升本