JQuery-第一篇

2021-01-04 16:27

阅读:470

标签:入口   获取   color   性能   下载地址   bsp   jquery   code   依次   

如何使用JQuery?

  • 下载JQuery库:下载地址:https://code.jquery.com/
  • 引入下载的JQuery库 
  • 编写JQuery代码
  • 下载的JQuery库分为压缩版本和未压缩版本,它们的区别在于压缩版省去了空格,将一些单词进行了简化,空间小了,性能有所提升。同时也失去了未压缩版本的可读性。
  • JQuery版本有1.*,2.*,3.* 这三个大的版本,我们常用的是1.*的最后一个版本:1.12.4版本。它的兼容性最强。

JQuery的使用

原生JS的写法:

window.onload = function(ev){
  ...
}

JQuery的固定写法

$(document).ready(function(){
  ...
});

通过对比:JQuery展现了它代码简洁,写的少做的多的优点。

但是原生Js和JQuery的入口函数的加载模式不同:

  • 原生JS会等到DOM元素加载完毕,并且元素内的所有信息加载完毕才会执行。
  • JQuery会等到DOM元素加载完毕,但是不会等到元素内的信息都加载完毕就会执行。

所以在Jq的入口函数中,我们获取不到元素的属性信息。

JQuery的入口函数

JQuery的入口函数就等同于原生JS的入口函数,也类似于我们后端开发的Main函数,是代码执行的起点。

  • 关于原生JS的入口函数

如下代码,原生JS中如果编写了多个入口函数,后面编写的会覆盖前面编写的。

window.onload = function(){
    alter(‘aaa‘);
}

window.onload = function(){
  alter(‘bbb‘);
}

  • 关于JQuery的入口函数

如下代码,如果JQuery中编写多个入口函数,后面的不会覆盖前面的,会从上到下依次执行。

$(document).ready(function(){
  alter(‘aaa‘);
});

$(document).ready(function(){
  alter(‘bbb‘);
})

 

JQuery-第一篇

标签:入口   获取   color   性能   下载地址   bsp   jquery   code   依次   

原文地址:https://www.cnblogs.com/powerworld/p/14214046.html


评论


亲,登录后才可以留言!