zl程序教程

您现在的位置是:首页 >  前端

当前栏目

《jQuery Cookbook中文版》——1.17 在不造成全局冲突的情况下使用$别名

jQuery 情况 中文版 全局 冲突 别名 造成 Cookbook
2023-09-11 14:17:45 时间
这样做的另一个好处是包含在匿名的自调用函数中的代码将运行于自己的私有作用域中。可以确信,在该函数中放置的任何内容都决不会和全局作用域中编写的任何其他JavaScript代码发生冲突。同样,为什么要冒编程冲突的风险?你要做的只不过是创建自己的私有作用域。

本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.17节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.17 在不造成全局冲突的情况下使用$别名

1.17.1 问题
你希望使用快捷方式$别名代替全局命名空间名称(jQuery)的输入,而又不用担心全局冲突。

1.17.2 解决方案
这里提供的解决方案是创建一个匿名的自调用函数,将jQuery对象传递给这个函数,然后将$字符当作指向jQuery对象的一个参数。

例如,所有jQuery代码可以封装在如下的自调用函数中:

(function($){ //用$参数创建私有作用域的函数

 //私有作用域和$的使用无须担心冲突

})(jQuery); //调用无名函数并将其传递给jQuery对象

1.17.3 讨论
实际上,这里所做的就是将对jQuery的全局引用传递给一个创建私有作用域的函数。如果没有这么做,而是直接在全局作用域中使用简写的$别名,就必须假定包含在HTML文档中的其他脚本(或者未来包含的脚本)都没有使用$字符,这是有一定风险的。当你能够创建自己的私有作用域时,何必去冒险呢?

这样做的另一个好处是包含在匿名的自调用函数中的代码将运行于自己的私有作用域中。可以确信,在该函数中放置的任何内容都决不会和全局作用域中编写的任何其他JavaScript代码发生冲突。同样,为什么要冒编程冲突的风险?你要做的只不过是创建自己的私有作用域。


《jQuery Cookbook中文版》——导读 jQuery的入门非常容易,但是和许多用于开发网站的工具一样,完全体会到它的广度和深度需要花费几个月甚至几年的时间。这个程序库充满了你从未想象过的特性。一旦你了解了这些特性,这些特性就能够戏剧性地改变你解决问题的方法。
《jQuery Cookbook中文版》——1.16 获取和设置文本内容 重要的一点是,要记住text()方法与html()方法没有什么不同,唯一的例外是text()方法将对HTML进行转义(将 和 替换为HTML实体)。这意味着,如果在text()方法的字符串参数中放入标记,该方法会将这些标记转换为HTML实体( lt;和 gt;)。
《jQuery Cookbook中文版》——1.15 获取和设置HTML内容 本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.15节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看
《jQuery Cookbook中文版》——1.14 获取、设置和删除DOM元素属性 除了attr()方法之外,jQuery为使用HTML元素class属性提供了一组很特殊的方法。因为class属性可能包含多个值(例如, "feed-item-img" target="_blank" href="https://developer.aliyun.com/article/97809">
《jQuery Cookbook中文版》——1.13 克隆DOM元素 jQuery提供clone()方法复制DOM元素。它的用法很简单,只要用jQuery函数选择DOM元素,然后在选择的元素集上调用clone()方法就可以了。结果是返回用于链接的DOM结构的一个副本,而不是原来选中的DOM元素。
《jQuery Cookbook中文版》——1.12 替换DOM元素 本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.12节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看
《jQuery Cookbook中文版》——1.11 删除DOM元素 在使用remove()从DOM中删除选择的元素时,它们并没有从jQuery包装器集中删除。这意味着,从理论上说,可以继续操作它们,甚至可以在必要的时候将它们重新添加到DOM中。
《jQuery Cookbook中文版》——1.10 创建、操作和插入DOM元素 在本秘诀中,向jQuery函数传递原始HTML字符串,这一参数被方法用来在运行中创建DOM元素。 还可以简单地向jQuery函数传递一个由DOM方法createElement()创建的DOM对象:
《jQuery Cookbook中文版》——1.9 根据当前上下文遍历DOM获得新的DOM元素集 处理遍历方法时需要牢记的第二个概念是许多方法都接受一个可选的参数,用于过滤选择集。我们仍然用链接的示例来说明这一点,看看如何修改代码,以便只选择最后一个 li 元素。
《jQuery Cookbook中文版》——1.8 将前一个选择集包含到当前选择集 可以用andSelf()方法合并前一个DOM元素选择集和当前选择集。例如,在下面的代码中,首先选择页面上的所有 div 元素。接下来,操纵这组元素,寻找 div 元素中的所有 p 元素。现在,为了同时操作 div 和 div 中找到的 p 元素,可以用andSelf()方法将 div 包含到当前集合。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。