首页编程jquerycdn,jQuery的使用方法

jquerycdn,jQuery的使用方法

编程之家2023-11-0279次浏览

朋友们,你是否曾想过深入了解jquerycdn和jQuery的使用方法的内涵?在本文中,我将为你详细解析这两个话题,希望能给你带来全新的视角和思考。

jquerycdn,jQuery的使用方法

jQuery的使用方法

使用步骤如下:

1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2.然后我们来开始编辑HTML界面代码。

3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码

jQuery各版本地址

无意中看到一句话叫做:好记性不如烂笔头。

jquerycdn,jQuery的使用方法

小时候的一句话,现在可以改成好记性不如烂键盘⌨️。

jquery-2.1.1

注:jquery-2.0以上版本不再支持IE 6/7/8)百度引用地址(推荐目前最稳定的,不会出现延时打不开情况)。

百度压缩版引用地址:

<script src=”http://libs.baidu.com/jquery/2.1.1/jquery.min.js”></script>

jquerycdn,jQuery的使用方法

微软压缩版引用地址:

<script src=”http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1.min.js”></script>

官网jquery压缩版引用地址:

<script src=”http://code.jquery.com/jquery-2.1.1.min.js”></script>

jquery-2.0.0

百度压缩版引用地址:

<script src=”http://libs.baidu.com/jquery/2.0.0/jquery.min.js”></script>

微软压缩版引用地址:

<script src=”http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js”></script>

官网jquery压缩版引用地址:

<script src=”http://code.jquery.com/jquery-2.0.0.min.js”></script>

jquery-1.11.1

百度压缩版引用地址:

<script src=”http://libs.baidu.com/jquery/1.11.1/jquery.min.js”></script>

微软压缩版引用地址:

<script src=”http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.11.1.min.js”></script>

官网jquery压缩版引用地址:

<script src=”http://code.jquery.com/jquery-1.11.1.min.js”></script>

jquery-1.10.2

百度压缩版引用地址:

<script src=”http://libs.baidu.com/jquery/1.10.2/jquery.min.js”></script>

微软压缩版引用地址:

<script src=”http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.10.2.min.js”></script>

官网jquery压缩版引用地址:

<script src=”http://code.jquery.com/jquery-1.10.2.min.js”></script>

jquery-1.9.1

百度压缩版引用地址:

<script src=”http://libs.baidu.com/jquery/1.9.1/jquery.min.js”></script>

微软压缩版引用地址:

<script src=”http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.1.min.js”></script>

官网jquery压缩版引用地址:

<script src=”http://code.jquery.com/jquery-1.9.1.min.js”></script>

jquery-1.8.3

百度压缩版引用地址:

<script src=”http://libs.baidu.com/jquery/1.8.3/jquery.min.js”></script>

微软压缩版引用地址:

<script src=”http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.3.min.js”></script>

官网jquery压缩版引用地址:

<script src=”http://code.jquery.com/jquery-1.8.3.min.js”></script>

jquery-1.7.2

百度压缩版引用地址:

<script src=”http://libs.baidu.com/jquery/1.7.2/jquery.min.js”></script>

微软压缩版引用地址:

<script src=”http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.2.min.js”></script>

官网jquery压缩版引用地址:

<script src=”http://code.jquery.com/jquery-1.7.2.min.js”></script>

jquery-1.6.4

百度压缩版引用地址:

<script src=”http://libs.baidu.com/jquery/1.6.4/jquery.min.js”></script>

微软压缩版引用地址:

<script src=”http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.6.4.min.js”></script>

官网jquery压缩版引用地址:

<script src=”http://code.jquery.com/jquery-1.6.4.min.js”></script>

jquery怎么使用

怎么使用jquery?本篇文章给大家介绍什么是jquery?为什么使用jquery?如何使用jquery?让大家了解jquery的使用方法,希望对你们有所帮助。

什么是jQuery?

jQuery不是一种语言,但它是一个编写良好的JavaScript代码,它是一个快速而简洁的JavaScript库,简化了HTML文档遍历,事件处理,动画和Ajax交互,以实现快速Web开发。

为什么选择jQuery?

jQuery是一个非常紧凑且编写良好的JavaScript代码,它通过编写非常少量的代码使它们能够实现关键的UI功能,从而提高了开发人员的工作效率。

jQuery的优点是:

1、无需学习使用jQuery的全新语法,了解简单的JavaScript语法就足够了。

2、代码简单明了,无需编写多行代码即可实现复杂功能。

3、有助于提高应用程序的性能。

4、它有助于开发大多数浏览器兼容的网页。

5、它有助于实现与UI相关的关键功能,而无需编写数百行代码。

怎么使用jQuery?

1、加载jQuery文件

jQuery通常作为单个JavaScript文件出现,其中包含jQuery开箱即用的所有内容。它可以使用以下方式包含在网页中:

1)、加载本地jQuery文件

首先需要下载jQuery文件到本地,jQuery JavaScript文件可以从jQuery官方网站下载,地址:http://www.jquery.com。

然后是加载jQuery文件

<script type="text/javascript" src="jQuery-1.4.1-min.js"></script>2)、从CDN加载jQuery

什么是CDN?

CDN代表Content Distribution Network,也称为Content Delivery Network是一组放置在与包含数据文件的副本网络中存取数据以最大化带宽连接的各个点的计算机。在CDN中,客户端访问更靠近客户端位置的数据副本,而不是从一个特定服务器访问的所有客户端。这有助于实现客户端更好的数据检索性能。

有两个主要的CDN可用于托管jQuery文件:

a、从Microsoft AJAX CDN加载jQuery

可以从Microsoft AJAX CDN加载jQuery文件。更多细节可在此处获得。您需要在页面中保留以下标记。

<script type="text/javascript" language="Javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.min.js"></script>b、从Google Libraries API加载jQuery

可以从Google CDN加载jQuery文件。您需要在页面中保留以下标记。

<script type="text/javascript" language="Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>从CDN加载jQuery的好处:

1、由于无需下载jQuery文件,因此页面加载速度更快

2、由于未从服务器加载jQuery文件,因此节省了带宽

3、可扩展,通常CDN将这些文件放在位于世界不同地理位置的服务器上,以便加载速度更快,因此无论用户在何处浏览页面,您的应用程序都可以正常运行。

注:

一般情况下从CDN加载jQuery和从本地加载jQuery文件,这两种方法都要写上,防止用于加载jQuery文件的CDN不可用。因此,可以写下以下代码行:

<!-- START- jQuery Reference-->

<script type="text/javascript" language="Javascript"

src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.min.js"></script>

<script type='text/javascript'>//<![CDATA[

if(typeof jQuery=='undefined'){

document.write(unescape("%3Cscript

src='/Script/jquery-1.4.1.min.js' type='text/javascript'%3E%3C/script%3E"));

}//]]>

</script>

<!-- END- jQuery Reference-->2、执行jQuery代码

我们可能有两种方法来执行jQuery代码。

1、当页面加载时,执行jQuery代码:

<script language="javascript" type="text/javascript">

$(function(){

$("#div1").css("border","2px solid green");

});

</script>或者:

<script language="javascript" type="text/javascript">

$("#div1").css("border","2px solid green");

</script>以这种方式执行jQuery代码的好处是它不会等待整个页面完全加载,因此如果您希望用户在加载相应元素后立即查看效果,您可以使用它。

但缺点是如果jQuery必须执行的元素没有加载,那么它将会出错或者你不会得到所需的结果;因此,在使用这种执行jQuery代码的方式时,您必须确保首先加载要使用jQuery的元素(您可以将jQuery代码放在HTML元素之后)。

2、仅在完整的DOM对象(已加载完整页面)时执行jQuery。此时必须将代码包装在.ready函数中。

<script language="javascript" type="text/javascript">

$(document).ready(function(){

$("#div1").css("border","2px solid green");

});

</script>这是执行jQuery的更好,更安全的方法。这样可以确保只有在浏览器中加载完整页面时才会执行jQuery代码,因此可以放心,用户不会在页面上看到任何不需要的行为。

好了,文章到这里就结束啦,如果本次分享的jquerycdn和jQuery的使用方法问题对您有所帮助,还望关注下本站哦!

内黄网,内黄县国土资源局keypress,keypress和keydown有什么区别