初识jQuery

什么是jQuery?

jQuery 是一个强大的 JavaScript 库,无论你具有什么编程背景,都可以通 过它来增强自己的网站。 jQuery 在一个简洁库文件中提供了丰富多样的特 性、简单易学的语法和跨平台兼容性。此外,数百种为扩展 jQuery 功能而 开发的插件,更使得它几乎成为适用于各类客户端脚本编程的必备工具。

 它简化了遍历 HTML 文档、操作 DOM、处理事件、执行动画和 AJAX 等操 作。它独特而又优雅的代码 风格改变了 JavaScript 程序员编写程序的设计方 式和思路。

jQuery的下载和配置

首先下载jQuery

jQuery不需要安装,要使用它只需该文件的一个副本,该副本可以放在外部 站点上,也可以放在自己的服务器上。由于JavaScript是一种解释型语言, 所以不必担心编译和构建。什么时候需要使用jQuery,只要在HTML文档中 使用<script>元素把它导入进来即可。

<head> 
<meta charset="UTF-8">
<title>Document</title> 
<script src="js/jquery-3.3.1.min.js">
 //不允许写js代码 
</script> 
</head>

使用jQuery 输出HelloWorld

对比以下两段代码运行后的不同点

<script> 
window.onload=function()
{ alert("Hello World!"); 
} window.onload=function()
{ alert("Hello World!2"); }
 </script>
<script> 
$(function () //等待 dom 元素加载完毕
 { alert("Hello World!"); }); 
$(function()
{ alert("Hello World!2"); });
 </script>

JQ中的$(function (){ //代码 });的功能类似与window.onload,在页面加载时等待 dom元素加载完毕后执行

不同点在于 window.onload事件方法注册多次,只有最后一次会被调用,而jQuery加载事件方法注册多次,可以执行多次,

 

 

 

点赞

发表评论

昵称和uid可以选填一个,填邮箱必填(留言回复后将会发邮件给你)
tips:输入uid可以快速获得你的昵称和头像