在线客服
扫描二维码
下载博学谷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。对于零基础的同学如何快速学习Python呢?
5335
2019-11-27 18:27:26
Python字符串常用技巧整理
相信在大家日常的文本处理工作中,都免不了要使用字符串。众所周知,使用Python处理字符串,十分的便捷和高效。本文整理了六大处理字符串的技巧,分别是字符串的切片和相乘,字符串中去掉一些字符,字符串的连接和合并,字符串的分割,字符串的开头和结尾的处理,字符串的查找和匹配。想要玩转Python字符串,就和我一起来看看吧!
5624
2019-12-02 16:44:31
入门学习Python看这篇文章就够了
每一个想学习Python的同学都会有自己的疑问。下面就是针对大家提问比较多的问题整理总结,希望对想要入行Python开发的小伙伴有一定的帮助。
4984
2020-05-18 14:42:19
Python编程学习入门须知
Python编程语言因其独特的优势,在众多编程语言中脱颖而出,成为世界范围内备受追捧的编程语言。如今,Python的学习者除了编程开发爱好者,还有许多非IT技术的从业者,但是大多数人在学习Python编程的路上,常常是从入门到放弃。为了帮助大家可以更好的学习Python,本文总结了Python编程学习入门须知,赶紧来一起看看吧!
5358
2020-06-24 15:15:55
多个装饰器如何使用?代码如何实现?
装饰器函数在被装饰函数定义好的时候立即执行,以“自下而上”的顺序进行;掌握多个装饰器的操作,使用多个装饰器装饰一个函数。
3322
2021-12-02 13:48:50