引入jquery文件
我们在官网上点击dowmload那个 会发现进入了一个网页,里面全部是代码,你可能还在想为什么下载不了,其实jquery不跟vue一样,整个jquery就是一个js文件而已,所以直接ctrl+a 全选 ctrl+c复制 ,然后打开自己的js文件 ctrl+v 赋值就行。到了html文件之中 直接使用script 标签引入 就可以正常的使用jQuery的语法了。
<script type="text/javascript" src="../js/jquery.js"></script>
使用jQuery
$(document).ready(function () {
alert("Hello World");
});
$jQuery中的函数名字 document是一个参数
$(document): 把js中的docuemnt对象变成jquery可以使用的对象
然后调用ready()函数 这个ready()是jQuery中的函数
ready()的执行时间在页面dom对象加载后执行的。相当于js中onload事件。
ready(函数):表示在页面对象加载后执行 这个函数
$(document).ready(function () {
alert("Hello World");
});
/* 上下相等 */
$(document).ready(myinit);
function myinit() {
alert("Hello World");
}
$(function () {
alert("Hello World");
});
全部代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
/*
$jQuery中的函数名字 document是一个参数
$(document): 把js中的docuemnt对象变成jquery可以使用的对象
然后调用ready()函数 这个ready()是jQuery中的函数
ready()的执行时间在页面dom对象加载后执行的。相当于js中onload事件。
ready(函数):表示在页面对象加载后执行 这个函数
*/
// $(document).ready(function () {
// alert("Hello World");
// });
/* 上下相等 */
// $(document).ready(myinit);
// function myinit() {
// alert("Hello World");
// }
// jQuery提供了一个简单的方式 来使用ready()函数
//$( 参数是一个 函数)
$(function () {
alert("Hello World");
});
</script>
</head>
<body></body>
</html>