| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 559 人关注过本帖
标题:求解 jQuery 的事件执行机制
只看楼主 加入收藏
白5130
Rank: 2
等 级:论坛游民
威 望:1
帖 子:26
专家分:17
注 册:2013-4-13
结帖率:75%
收藏
已结贴  问题点数:10 回复次数:1 
求解 jQuery 的事件执行机制
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>javascript</title>
<script src="other/jquery-1.5.1.js"></script>
<script>
$(function(){
$(".div1").click(function(){$(".div2").slideToggle(3000);});
// 注释1:$(".div1").click($(".div2").slideToggle(3000));
});
</script>
<style>
div{width:500px; padding:10px;
border:#0F0 solid 2px;
background:#666;}

.div1{text-align:center;}

.div2{display:none;}
</style>
</head>

<body>
<div class="div1">点击这里滑出隐藏的内容</div>
    <div class="div2">
        <h1>Hello jQuery!</h1>
        <ul>
            <li>Microsoft</li>
            <li>Google</li>
            <li>Apple</li>
            <li>Intel</li>
        </ul>
    </div>
</body>
</html>


上面这段代码中为什么用 注释1 中的代码我还没有点击 "div1" 而 "div2" 的内容就自动滑出来 而且当你点击 "div1" 时也不能将 "div2"的内容隐藏了,刚学jQuery 还请各位指教 谢谢
搜索更多相关主题的帖子: javascript background function display border 
2014-02-26 10:56
Fanklola
Rank: 3Rank: 3
等 级:论坛游侠
威 望:2
帖 子:12
专家分:160
注 册:2014-2-19
收藏
得分:10 
上例中的$(".div1").click(function(){$(".div2").slideToggle(3000);});
click事件中的程序必须包在function()函数里面才会执行
包括slideDown等JQ库已有的事件,想要在当中执行另外一些程序也只能包在在function()函数里
2014-03-05 09:37
快速回复:求解 jQuery 的事件执行机制
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.016677 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved