在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
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);
};
/*
$(document).ready(function(){
var $div = $('#div01');
alert('jquery获取的div:' + $div);
});
*/
// 上面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的优点就是兼容主流浏览器,代码编写更加简单。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
零基础python入门书籍推荐读哪些书?
零基础python入门书籍推荐读哪些书?很多Python 初学者都希望有经验的资深人士能推荐一些入门书籍,于是你就会搜到有网友推荐的超长的入门书单,然而这简直跟没推荐一样。这些书籍并不适合初学者,对于零基础学员看到各种代码就已经头大了。小编整理了一些适合小白学习的零基础python入门书籍分享给大家。
13372
2019-04-10 00:07:52
MySQL和Redis高可用性体现在哪些方面?
MySQL和Redis高可用主要体现三个方面:MySQLReplication是MySQL官方提供的主从同步方案;Sentinel是Redis官方为集群提供的高可用解决方案;Sentinel主要功能。
7401
2019-07-16 17:00:32
Python和C语言哪个难?零基础学哪个好?
Python和C语言哪个难?零基础学哪个好?Python上手简单有交互性强的开发环境,还有众多的第三方库,学习起来会比C/C++容易的多。C过于底层强在内存操作,功能实现起来却十分复杂并不适合新手作为上手语言。
18554
2019-08-07 15:50:54
分享15天学习python视频教程?隔壁的小伙伴都羡慕了
学习python之前要理清楚视频目录大纲,配合自己的时间,结合视频大纲学习,本套教程15天学前环境搭建,1-3 天内容为Linux、基础命令4-13 天内容为Python基础教程、14-15天内容为飞机大战项目演练。合理安排学习时间,python越上手。
4349
2020-01-13 15:56:09
Python入门难吗?零基础可以自学吗?
Python入门难吗?零基础可以自学吗?Python是公认的新手入门友好语言,然而这并不意味着零基础初学者可以通过自学轻松入门。毕竟因为缺乏基础,初学者需要从计算机基础知识开始学起,学习的难度一个是体现在学习的内容多,另一个是学习容易找不到方向,不知道从何下手。更重要的是自学需要强大的自律性,无论学什么,如果无法做到这一点,就肯定不适合自学了。
5039
2020-02-07 12:08:33