在网上如何引入jquery文件可用以下方法：
1、在 header 中添尺弊加”JavaScript code?1<script type="text/javascript" src="jquery-1.4.2.min.js"></script>“即可。
2、芦亏也可以使用Google托管陵哗族的版本：http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
调用jquery的方法：
1、到jquery官网下载jquery文件到本地，然后使镇尘用相对迅旅唯路径引用。
2、直接通过jquery文件的url引用网上的jquery文亩培件。
jquery是结构化的开源js文件，按照js文件引用方式使用。下面我们来看一下调用jquery的方法。
1、可以到jQuery官网下载js文件到项目中，然后使用相对路径引用：；
2、直接引用网上现有的js文件
1.导入JQuery插件（.jar包）首先到家可以自行前往官网老族仔下载JQuery.jar包，博主下载的是3.3.1版本的，读者可自行选择版本
.jar包导入很简单，首先我们传建一个项目，在项目中创建一个名为js的文件夹，把下载好的.jar包粘贴到js文件夹即可，如：
2.JQuery的基本使用方法
1.连接
在编写项目中我们一般使用外联法，即新建一个后缀名为.js的文件，用以下方法在HTML文件的<head>标签中添加下面两行代码，第一行为下载的JQuery.jar包的文件地址，第二个则是我们新建的.js文件（注意：新建.js文件一定要写在JQuery.jar包后，因为执行顺序是从上往下，先解析.jar包在解析我们自己新建的.js文件）
<script src="./js/jquery-3.3.1.min.js"></script>
<script src="./js/login.js"></script>
2.编写
在.js文件中我们第一件事就是要编写这样一个语句
$(function(){
JQuery语句体；
})
其作用为：$(function(){})是$(document).ready(function(){})的简写，或者$().ready(function(){})，会在DOM加载完成之后执行。也就是会在项目最后执行，就不会产生在THML语句前执行而出现的一系列问题；
3.DOM对象与JQuery对象之间的转换
1.获取DOM对象
var 对象名 = document.(id获取，class获取，标签名获取)（“id名，class名，标签名”）；//创建DOM对象
document.getElementsById("Obj")
document.getElementsByClassName("Obj")
document.getElementsByName("div")
var Domobj = document.getElementById("Obj")//获取id为Obj的对象
侍汪 alert(Domobj.innerHTML)//输出Domobj对象的HTNL内容在d窗上
2.获取JQuery对象
var $对象名 = $("#id名 或者 .class名 或者 标签名")
//获取Jquery对象
var $JQobj = $("#Obj")$("#xx")获取id名 $(".xx")获取class名 $("div")获取标签名
alert($JQobj.html())
3.DOM对象---->JQuery对象
var $对象名 = $(DOM对象)；
// Dom对象--->Jquery对象
var $D_JQ = $(Domobj)
alert($D_JQ.html()) //获穗脊取标签体
$D_JQ.html("对呀，你真可爱")
4.JQuery对象---->DOM对象
var Dom对象名 = $JQuery对象名[0]
var Dom对象名 = $JQuery对象.get(0)
// Jquery对象--->Dom对象
var JQ_D = $JQobj[0]
alert(JQ_D.innerHTML)
JQ_D.innerHTML = "天呐，你也太可爱了吧"
var JQ_D = $JQobj.get(0)
JQ_D.innerHTML = "天呐，你也太可爱了吧"
其实JQuery对象实际上就是DOM对象的的一个数组，[0],.get(0)即为获取DOM对象数组中的第一个元素
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）