animate() 方法通过使用 CSS 样式,把元素从一种状态改变为另一种状态。
CSS 属性值是逐渐改变的,这样就可以创造出动画的效果。
                CSS 属性值是逐渐改变的,这样就可以创造出动画的效果。
                    
                    2016-07-16
                
            当你把这段代码
<script type="text/javascript">
$("#default").html($("#divtest").html());
</script>
放到<div>元素前面时。你会发现JQ并没有执行。
所以JQ要这么写$(function($("#default").html($("#divtest").html());){}
                <script type="text/javascript">
$("#default").html($("#divtest").html());
</script>
放到<div>元素前面时。你会发现JQ并没有执行。
所以JQ要这么写$(function($("#default").html($("#divtest").html());){}
                    
                    2016-07-16
                
            $(function(){
var getStuJson=[
{"name":"n1","grade":121},
{"name":"n2","grade":130}
];
$.each(getStuJson,function(index,item){
document.write(
"姓名"+":"+item.name+"\t"+
"分数"+":"+item.grade+
"<p></p>");
})
});
                
            var getStuJson=[
{"name":"n1","grade":121},
{"name":"n2","grade":130}
];
$.each(getStuJson,function(index,item){
document.write(
"姓名"+":"+item.name+"\t"+
"分数"+":"+item.grade+
"<p></p>");
})
});
$("#content").addClass("red");
$(".red").css({"background-color":"red","color":"#fff"})
                $(".red").css({"background-color":"red","color":"#fff"})
                    
                    2016-07-16
                
            <!DOCTYPE html>
<html>
<head>
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
<style type="text/css">
.li1{
background-color: green;
}
.li2{
background-color: red;
                <html>
<head>
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
<style type="text/css">
.li1{
background-color: green;
}
.li2{
background-color: red;
                    
                    2016-07-15
                
            }
</style>
</head>
<body>
<ul>
<li class="li1">12213</li>
<li class="li2">22222</li>
</ul>
<script type="text/javascript">
$(function () {$(".li1").bind(
"mouseover", function () {
                </style>
</head>
<body>
<ul>
<li class="li1">12213</li>
<li class="li2">22222</li>
</ul>
<script type="text/javascript">
$(function () {$(".li1").bind(
"mouseover", function () {
                    
                    2016-07-15
                
            $("body").append($(".li1").css("background-color"));
}),
$(".li2").bind(
"mouseover", function () {
$("body").append($(".li2").css("background-color"));
})
});
</script>
</body>
</html>
                }),
$(".li2").bind(
"mouseover", function () {
$("body").append($(".li2").css("background-color"));
})
});
</script>
</body>
</html>
                    
                    2016-07-15
                
            $("#btnAction").bind("click", function () {
$("form").append($("form").serialize());
})
                $("form").append($("form").serialize());
})
                    
                    2016-07-15
                
            $.getJSON("http://www.imooc.com/data/sport.json",function(data){
$this.attr("disabled", "true");
                $this.attr("disabled", "true");
                    
                    2016-07-15
                
            <input id="1" type="submit" value="左"/>
<input id="2" type="submit" value="右"/>
<br/><br/>
<span></span>
<script type="text/javascript">
                
            <input id="2" type="submit" value="右"/>
<br/><br/>
<span></span>
<script type="text/javascript">
 
             
        







