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