Blogger Information
Blog 42
fans 0
comment 1
visits 26132
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JQuery的引入方式及.$(document).ready()的使用-4月2日作业2018-04-03
日薪月e的博客
Original
622 people have browsed it

一、JQuery的引入方式: 

1. 本地引用: 

在官网下载jQuery插件库,导入本地项目后,引用其相对地址。格式如下:

 <script type="text/javascript" src="../js/jquery-3.3.1.js"></script>

 2. 在线引用:

 使用国内、外的CDN,导入项目。常用的CDN很多,但推荐使用百度的版本,因为其服务器在国内,访问速度快。格式如下:

 <script type="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

 二、.$(document).ready()使用方式与简写:

 使用方式:

 当js写在<head>中时,因为浏览器是顺序渲染的,如果js要操作<body>中元素,而此时<body>中的内容还没有被渲染到,就会报错。这时就需要使用$(document).ready(function(){.... })。它的作用就是可以使浏览器在加载完DOM结构后,再执行js文件。

 简写:$(function(){.... })


Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post