jQuery避免$符和其他JS库冲突的方法对比
1.如果jquery库在第三方库之后引用。这个时候jquery库会占用$。
解决办法:剔除$符号的使用权。
- <script type="text/javascript" src="other_lib.js"></script>
- <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript">
- $.noConflict();
- jQuery(document).ready(function($) {
- // 使用 jQuery $ 的代码
jQuery("div p").hide();
});
// 使用其他库的 $ 的代码
$("content").style.display = "none";- </script>
- <script type="text/javascript">
- var jq=$.noConflict();
- jq(document).ready(function($) {
- // 使用 jq $ 的代码
jq("div p").hide();- });
- // 使用其他库的 $ 的代码
$("content").style.display = "none";- </script>
1.如果jquery库在第三方库之前引用。这个时候第三方库会占用$。
解决办法:使用原始的jquery或者自定义变量代替
- <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript" src="other_lib.js"></script>
- <script type="text/javascript">
- var jq=JQuery;
- jq(document).ready(function($) {
- // 使用 jQuery $ 的代码
- jq("div p").hide();
- });
- // 使用其他库的 $ 的代码
- $("content").style.display = "none";
- </script>
- --CREATE TABLE test(code varchar(50), [name] varchar(10),[count] int)
- --INSERT test SELECT '001', 'aa',1
- --UNION ALL SELECT '001', 'bb',2
- --UNION ALL SELECT '002', 'aaa',4
- --UNION ALL SELECT '002', 'bbb',5
- --UNION ALL SELECT '002', 'ccc',3;
- select code,names=LEFT(names,LEN(names)-1) from (select code,(select name+',' from test where code=t1.code FOR XML PATH('')) as names,COUNT(code) as count
- from test t1 group by code) t
- select code,names=substring(names,0,len(names)) from (select code,(select name+',' from test where code=t1.code FOR XML PATH('')) as names,COUNT(code) as count
- from test t1 group by code) t
- select code, names=stuff((select ','+name from test where code=t1.code FOR XML PATH('')),1,1,''),COUNT(code) as count
- from test t1 group by code
jQuery避免$符和其他JS库冲突的方法对比的更多相关文章
- 解决jQuery多个版本,与其他js库冲突方法
jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法. 1.同一页面jQuery多个版本或冲突解决方法. < ...
- 解决同一页面jQuery多个版本或和其他js库冲突方法
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...
- jQuery与其他JS库冲突解决
实际开发中遇到JQuery与其他js库起冲突 究其原因,是它们的全局对象定义冲突了,特别是变量”$”, 可重载$函数.使用jQuery.noConflict()就可以通过重载$函数 例:项目中应用的 ...
- 仿照jquery封装一个自己的js库(二)
本篇为完结篇.主要讲述如何造出轮子的高级特性. 一. css方法的高级操作 先看本文第一部分所讲的dQuery css方法 //css方法 dQuery.prototype.css=function( ...
- 仿照jquery封装一个自己的js库(一)
所谓造轮子的好处就是复习知识点,加深对原版jquery的理解. 本文系笔者学习jquery的笔记,记述一个名为"dQuery"的初级版和缩水版jquery库的实现.主要涉及知识点包 ...
- 仿照jquery封装一个自己的js库
所谓造轮子的好处就是复习知识点,加深对原版jquery的理解.本文系笔者学习jquery的笔记,记述一个名为"dQuery"的初级版和缩水版jquery库的实现.主要涉及知识点包括 ...
- Zepto——简化版jQuery,移动端首选js库
转载请注明原文地址:https://www.cnblogs.com/ygj0930/p/10826054.html 一:Zepto是什么 Zepto最初是为移动端开发的js库,是jQuery的轻量级替 ...
- Jquery,YUI这个著名js库名称作用的理解
看廖雪峰大神的教程,其中讲到变量作用域问题.在命名空间中,写到:因为全局变量绑到了window上,不同的js文件访问相同全局变量或者定义了相同名字的顶层函数,都会造成命名冲突,并且很难被发现. 减少冲 ...
- jquery与自己写的js文件冲突解决办法
先加载JQUERY,然后使用语句 jQuery.noConflict(); 再加载其他JS文件,后面在使用jQuery时都换下,如:$('#div') 换成 jQuery('#div'), 如果嫌j ...
随机推荐
- 汇编中Enter与Leave指令
Enter的作用相当==push ebp和mov ebp,esp 这后面两句大家很熟悉吧?函数开始一般都是这两句 Leave的作用相当==mov esp,ebp和pop ebp 而这后面这两句也很常见 ...
- linux 下 apache启动、停止、重启命令
基本的操作方法: 本文假设你的apahce安装目录为/usr/local/apache2,这些方法适合任何情况 apahce启动命令: 推荐/usr/local/apache2/bin/apachec ...
- 转载一个不错的Scrapy学习博客笔记
背景: 最近在学习网络爬虫Scrapy,官网是 http://scrapy.org 官方描述:Scrapy is a fast high-level screen scraping and web c ...
- Unity3D研究院之脚本批量打包渠道包研究
原地址:http://www.xuanyusong.com/archives/2418#comments 最近在研究Unity3D脚本批量打包,比如在Android平台下各种不同分辨率和不同内存大小的 ...
- nginx去掉单个目录和多个目录PHP执行权限方法
我们经常希望某些目录不能执行php代码,如果是nginx的话,我们怎么设置Nginx对于某些目录禁止执行PHP权限呢.以前不知道,其实nginx去掉单个目录和多个目录PHP执行权限方法也很简单. 首先 ...
- UVA 11424 GCD - Extreme (I) (欧拉函数+筛法)
题目:给出n,求gcd(1,2)+gcd(1,3)+gcd(2,3)+gcd(1,4)+gcd(2,4)+gcd(3,4)+...+gcd(1,n)+gcd(2,n)+...+gcd(n-1,n) 此 ...
- SpingMVC ModelAttribute的用法
@Controller @RequestMapping(value = "/test") public class TestController { @RequestMapping ...
- 【转】Windows Server 2008修改远程桌面连接数
按照下面的设置是成功了的,我设置的连接数是5个. http://jingyan.baidu.com/article/154b463150d1b128ca8f4194.html
- 对于delphi for linux心存梦想的同学,彻底醒醒吧
Borland 曾经多次做市场调查,很多人呼吁推出delphi for linux.可是直到kylix发展到第三版,borland才明白:一个内置C编译器环境并与之关系紧密的免费OS,没有人愿意花钱去 ...
- Easyui 中的placeholder属性
在 easyui有文档中,没注意还真找不到placeholder属性,因为在属性只在searchbox中提到了, <input id="ss" class="eas ...