当前位置：首页 > news >正文

jQuery_02 引入jQuery，初试牛刀

news 2025/7/27 23:03:45

引入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>

查看全文

http://www.lryc.cn/news/241828.html