- 1.什么是Jquery?
jQuery是目前使用最廣泛的javascript函數庫
- 2.jquery是一個函數庫珠漂，一個js文件，頁面用script標簽引入這個js文件就可以使用尾膊。
<script type="text/javascript" src="js/jquery-1.12.2.js"></script>
- 3.jquery加載
<script type="text/javascript">
$(function(){
......
});
</script>
- 4.綁定click事件
$('#btn1').click(function(){
// 內部的this指的是原生對象
// 使用jquery對象用 $(this)
})
- jquery特殊效果
fadeIn() 淡入
$btn.click(function(){
$('#div1').fadeIn(1000,'swing',function(){
alert('done!');
});
});
fadeOut() 淡出
fadeToggle() 切換淡入淡出
hide() 隱藏元素
show() 顯示元素
toggle() 依次展示或隱藏某個元素
slideDown() 向下展開
slideUp() 向上卷起
slideToggle() 依次展開或卷起某個元素
