<html>
<head>
<script type="text/javascript" src=‘__PUBLIC__/Mobile/default/js/jquery-1.9.1.min.js‘></script>
<meta charset="UTF-8">
</head>
<body>
<div id="preloader">
<div id="status">
<i class="icon-spinner icon-spin">
<img src="__PUBLIC__/loading.gif">
</i>
</div>
</div>
<div class="cat1">
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div style="margin:50px 0">11111111</div>
<div class="cat2">
<a href="" data_id="1">11</a>
<a href="" data_id="2">11</a>
<a href="" data_id="3">11</a>
<a href="" data_id="4">11</a>
<a href="" data_id="5">11</a>
</div>
<button id="btn1">
click1
</button>
<div class="cat3">
<a href="">中国</a>
</div>
<button id="btn2">
click2
</button>
<div class="cat4">
<a href="">王岐山</a>
</div>
<button id="btn3">
click3
</button>
<button class="btn3">
click3+
</button>
<div class="cat5">
<a href="">温家宝</a>
</div>
<button id="btn4">
click4
</button>
<button class="btn4">
click4+
</button>
</div>
<button id="btn10">
click10
</button>
<div>
<button id="btn11">
click11
</button>
</div>
</body>
<script type="text/javascript">
//alert(qq);
$(".cat1").find("a[data_id=‘1‘]").css(‘color‘,‘red‘);
//find("a[data-id=‘"+cid+"‘]")//查询方法
var CAT1 = $(".cat2").find(‘a‘);
CAT1.click(function(){
var data_id = $(this).attr("data_id");
alert(data_id);
});
$("#btn1").bind(‘click‘,function(){
$(".cat2").slideToggle();
});
$("#btn2").bind(‘click‘,function(){
$(".cat3").html(‘你好‘);
});
$("#btn3").bind(‘click‘,function(){
$(".cat4").fadeOut();
});
$(".btn3").bind(‘click‘,function(){
$(".cat4").fadeIn();
});
$("#btn4").bind(‘click‘,function(){
$(".cat5").hide();
});
$(".btn4").bind(‘click‘,function(){
$(".cat5").show();
});
</script>
<script>
jQuery(window).load(function() {
"use strict";
jQuery(‘#preloader‘).delay(50).fadeOut(function(){
jQuery(‘body‘).delay(50).css({‘overflow‘:‘visible‘});
});
});//暂时不能用以后再说;
</script>
<script>
$(‘#btn11‘).click(function(){
$("html, body").animate({"scrollTop": "0px"},300);
});
</script>
</html>
原文：http://www.cnblogs.com/scjzhong/p/5142383.html