wordpress中调用自带juqery库的方法与注意事项

时间：2022-06-25 18:55:54 编辑：袖梨来源：一聚教程网

jQuery库现在已经是非常流行且通用的前端开发js框架，wordpress中基本已经集成了全套的jquery库与其他子库。所以我们在写前端程序时可以考虑调用wordpress自带的jquery库，这样我们的jquery版本就能够随着wordpress升级一起更新。当然使用wordpress的jquery库也有一些需要注意的地方。

如何直接调用wordpress的jquery库

使用wordpress的内部函数实现引用

代码如下	复制代码

使用时需要注意的地方

代码如下

复制代码

wp_enqueue_script(“jquery”); 务必加在 wp_head(); 的前面，而且 js 的写法是:

jQuery(document).ready(function($) {

// “$”符号在这里才能被识别

});

WP 的 jQuery 和原版唯一的不同, 就是在最后一行加了 jQuery.noConflict();
这个noConflict() 就是为了与其它的library 兼容性, 如:Prototype, MooTools, 或 YUI.

补充

WP 的 jQuery 和原版唯一的不同, 就是在最后一行加了

代码如下	复制代码
jQuery.noConflict();

这个 noConflict() 就是为了与其它的 library 兼容性, 如: Prototype, MooTools, 或 YUI.
第一种方法，直接在网上搜索到的 jQuery 特效，然后对其进行直接调用：

2.使用 Google 的 API 库进行调用，貌似很多 jQuery 都是这样调用的，很多插件通过 Google API 替换了 WP 默认的 jQuery，利用谷歌强大的服务器来加快其调用加载速度。

代码如下	复制代码

3.直接调用 WordPress 自带的 jQuery 库：

代码如下	复制代码

但要注意的是：此句必需加在 wp_head(); 的前面！
并且在js文件中的写法是:

代码如下	复制代码
jQuery(document).ready(function($) { … });

这样 jQuery() 包里的所有 $() 才能被正确识别.
当然也可以使用以下方法，将：

代码如下	复制代码
$(document).ready(function() { … }); 修改为： jQuery(document).ready(function($) { … });

本教程完。

推荐专题

最新下载

热门教程

wordpress中调用自带juqery库的方法与注意事项

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程