首页

关于

[jQuery代码]如何动态加载jQuery类库即如何在需要的时候再加载jQuery类库?

日期:2011/12/18  来源:GBin1.com

jQuery类库说实话并不是很臃肿,压缩版本的jQuery类库可以帮助你有效地减少页面大小。不过并不是所有页面你都需要用到jQuery类库,或者你希望能够更好的优化你的页面使之加载的更快。不管怎样,我们希望能够自己来管理类库的加载。

在线演示

如何实现jQuery类库的动态加载呢?

第一步:调用一段代码来调用jQuery

第二步:持续调用直到jQuery类库能够加载

第三步:运行需要基于jQuery类库的代码

以下是具体代码。

代码1 (第一步)

<body>
     <h3 id='status'>jQuery is not loaded yet.</h3>
     <input type='button' value='Loading jQuery now...' onclick='load()' />
</body>

代码2 (第二步)

load…

标签: jQuery代码, jQuery代码大全, jQuery动态加载, 动态加载jQuery类库, lazy loading jquery, 懒惰加载jQuery

阅读更多

jQuery中如何使用mouseout和mouseleave?

日期:2011/11/28  来源:GBin1.com

jQuery中的鼠标事件中有mouseout和mouseleave俩个看起来类似的事件。

这俩个事件的使用有些区别,如下是jQuery文档中的官方解析:

The mouseleave event differs from mouseout in the way it handles event bubbling. If mouseout were used in this example, then when the mouse pointer moved out of the Inner element, the handler would be triggered. This is usually undesirable behavior. The mouseleave event, on the other hand, only triggers its handler when the mouse leaves the element it…

标签: jQuery代码, jQuery代码大全, mouseout, mouseleave

阅读更多

[jQuery代码]jQuery中如何使用document ready?

日期:2011/11/28  来源:GBin1.com

很多人都使用jQuery的document ready方法,但是不是所有人都理解如何使用jQuery。

使用方式1

$(document).ready(function() {
    //当DOM完成后执行代码
});

使用方式2

$(function(){
    //jQuery 相关代码
});

和第一个种方式一样,语法上和第一钟方式没有区别

使用方式3

jQuery(document).ready(function($) {
    //当DOM完成后执行代码
});

$符合和以上代码中的jQuery意义一样,这样使用可以避免不同类库的冲突。

因为目前的各种流行的类库中都使用$来作为缩略符号,这样造成浏览器无法解析。

我们可以使用完整的jQuery来避免混淆,然后调用$.noConflict()方法

jQuery.noConflict();…

标签: jQuery代码, jQuery代码大全, noConflict, document.ready(), jQuery ready(), GBin1

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.