一、什么叫jquery
jquery是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架),Query设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 [1]
二、jquery语法
2.1 基础语法:$(selector).action();
2.1.1 $符号定义jquery。
2.1.1.1 $就是jquery对象
2.1.1.2 $就是jquery选取元素是符号。
2.1.1.3 $就是jquery功能函数的前缀。
2.1.2 选择符(selector)“查询”和“查找”html元素。
2.1.3 jquery的action()执行对元素的操作。
例如:$('input').click(function(){
alert('jquery就这么简单!');
})
2.2 document.ready()与window.onload的区别
2.2.1 Jquery中的$(document).yeady()的作用类似于传统的JavaScript的window.onload方法,但与window.onload方法还是有一定的区别。
2.2.1.1 $(function(){})与$(document).ready(function(){})这两个方法效果都是一样的,都是在dom文档树加载完后执行一个函数。
2.2.1.2window.onload必须等到页面内容包括图片加载完毕后才执行;而$(document).ready()是dom结构加载完毕后就执行。
2.2.1.3window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个;而$(document).ready()可以编写多个,并能全部得到执行。
三、先下载jquery-3.4.1.js文件
在html中引入<script src="jquery-3.4.1.js"></script>