jquery有关问题求解释
日期：2014-05-16 浏览次数：20370 次
jquery问题求解释在线等
[code=HTML][/code]
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(".left").click(function(){
if ( $("div").hasClass("protected") )
$(this).animate({ left: -10});
});
</script>
<style type="text/css">
.protected {font-style:italic;}
</style>
</head>
<body>
<div class="protected">ddddd</div><div></div>
<button id="left">«</button> <button id="right">»</button>
</body>
</html>
问下问什么我的div没有变化求解释刚接触jquery
------解决方案--------------------
$("#left")
------解决方案--------------------
------解决方案--------------------
你都没有调用
$(document).ready(function(){});
------解决方案--------------------
应该用$("#left")，如果用的是id的话前面用#，类似这样$("#控件id")，如果是css名就要用.类似这样$(".控件的class")。 $(this).animate({ left: -10});你这语句是修改的button的样式，不是修改的div的，修改div的代码为$(“.protected”).animate({ left: -10});
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
jquery的$(".left").click(function（）{}）这种 触发元素的click事件，要在页面元素加载完后才能执行，而且根据id获取元素是用 #left， .left 是根据类样式获取元素
------解决方案--------------------
选择器错误
------解决方案--------------------
[code=HTML][/code]
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(".left").click(function(){
if ( $("div").hasClass("protected") )
$(this).animate({ left: -10});
});
</script>
<style type="text/css">
.protected {font-style:italic;}
</style>
</head>
<body>
<div class="protected">ddddd</div><div></div>
<button id="left">«</button> <button id="right">»</button>
</body>
</html>
问下问什么我的div没有变化求解释刚接触jquery
------解决方案--------------------
$("#left")
------解决方案--------------------
------解决方案--------------------
你都没有调用
$(document).ready(function(){});
------解决方案--------------------
应该用$("#left")，如果用的是id的话前面用#，类似这样$("#控件id")，如果是css名就要用.类似这样$(".控件的class")。 $(this).animate({ left: -10});你这语句是修改的button的样式，不是修改的div的，修改div的代码为$(“.protected”).animate({ left: -10});
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
jquery的$(".left").click(function（）{}）这种 触发元素的click事件，要在页面元素加载完后才能执行，而且根据id获取元素是用 #left， .left 是根据类样式获取元素
------解决方案--------------------
选择器错误
------解决方案--------------------
- JScript code
$(document).ready(function(){
$("div").click(function(){
if ( $(this).hasClass("protected") )
$(this).animate({height:300},"slow");
.animate({width:300},"slow");
.animate({height:100},"slow");
.animate({width:100},"slow");
});
});
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").click(function(){
if($(this).hasClass("protected"))
{
$(this).animate({ height: 300 }, "slow").animate({ width: 300 }, "slow").animate({height:100},"slow").animate({ width: 100 }, "slow");
}
});
});
</script>
<style type="text/css">
.protected
{
background: #98bf21;
height: 100px;
width: 100px;
position: relative;
}
</style>
</head>
<body>
<div id="box" class="protected">
</div>
<div>dddd</div>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
