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代码，因此可以放心，用户不会在页面上看到任何不需要的行为。
总结：以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。
以上就是jquery怎么使用的详细内容，更多请关注php中文网其它相关文章！
				
				

					
微信
					
分享
				

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



  
关键词：jquery怎样运用