初学Jquery,下面算是本人学习过程中的一些笔记整理吧~~
Jquery实现了对JavaScript的封装,是“写的少,但实现的更多的”轻量级的JavaScript库。
Jquery选择器:
(注释:该图片来自php100视频)
Jquery事件器:
隐藏显示:
<script type="text/javascript" src="jquery-2.0.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//$("p").hide();//隐藏p标签里面的
$("button.u1").click(function(){
$("p").hide('slow');
});//点击按实现钮后隐藏
$("button.u2").click(function(){
$("p").css("color","red");//注意,加引号
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").toggle("2000");//2s实现页面的切换
});
});
<body>
<div id="test" style="background:#F30;width:300px; height:300px";>
</div>
<button>按钮</button>
</body>