公众号
关注微信公众号
移动端
创头条企服版APP

Java开发过程中,怎么使用JQuery?

3261
升学就业帮 2021-08-06 16:15 抢发第一评

JQuery的使用非常简单。首先引入我们的Jquery库,代码如下所示:

接下来我们就可以直接使用JQuery库了。代码如下所示:

这里我们有必要学习一下window.onload和jQuery ready方法方法的区别,以上两种方式都是在 HTML 文档完毕后再执行 DOM 操作,但它们还是有一定的区别,如下图:


区别一:执行时机不同

1. 原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行

2. jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行

区别二:执行次数不同

1. 原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的

2. jQuery中编写多个入口函数,后面的不会覆盖前面的

// 区别二:  执行次数不同window.onload = function() {
    alert("Hello Xyr1");
}window.onload = function() {
    alert("Hello Xyr2");
}
jQuery(document).ready(function() {
    alert("Hello Xyr1");
})
jQuery(document).ready(function() {
alert("Hello Xyr2");
})

区别三: 原生的JS是没有简写的,JQuery可以通过$符号简化代码:

// JQuery 写法一jQuery(document).ready(function() {
alert("Hello JQuery01!!!");
});// JQuery 写法二$(document).ready(function() {
    alert("Hello JQuery02!!!");
});// JQuery写法三jQuery(function() {
    alert("Hello JQuery03!!!");
});// JQuery写法四$(function() {
    alert("Hello JQuery04!!!");
});


声明:该文章版权归原作者所有,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系。
您阅读这篇文章花了0
转发这篇文章只需要1秒钟
喜欢这篇 0
评论一下 0
凯派尔知识产权全新业务全面上线
相关文章
评论
试试以这些内容开始评论吧
登录后发表评论
凯派尔知识产权全新业务全面上线
阿里云创新中心
×
#热门搜索#
精选双创服务
历史搜索 清空

Tel:18514777506

关注微信公众号

创头条企服版APP