码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-16 14:20:50      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:ide   function   rip   text   使用   btn   ready   css   toggle   

<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进行重命名,再调用。

标签:ide   function   rip   text   使用   btn   ready   css   toggle   

原文地址:http://www.cnblogs.com/yangpeng-jingjing/p/7027048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!