使用No-Conflict模式,其实就是对jQuery进行重命名,再调用。

Posted Debugs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用No-Conflict模式,其实就是对jQuery进行重命名,再调用。相关的知识,希望对你有一定的参考价值。

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var jq=$.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").hide();
});
});
</script>

 

/*点击隐藏 显示*/

<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle();
});
});
</script>

 

/*  点击3次变换3种颜色*/

<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
</script>

以上是关于使用No-Conflict模式,其实就是对jQuery进行重命名,再调用。的主要内容,如果未能解决你的问题,请参考以下文章

包装模式就是这么简单啦

代理模式

JAVA设计模式的6大原则

GOF23-工厂模式

不一样的策略模式(设计模式五)

(CZ深入浅出Java基础)设计模式笔记