// $("#show").hide();
$("#btn").get(0).onclick = function(){
// //1.hide
// //$("#show").hide(3000);
// //可以接受一個回調函數,當動畫執(zhí)行完畢之后就會觸發(fā)回調函數
// $("#show").hide(3000,"swing",function(){
// alert("已經完全隱藏");
// });
// //$("#show").hide(3000,);
//2. show
//$("#show").show(1000);
//}
//時間問題? 可以添3個 slow fast normal? ? 慢? 快? 中
// $("#show").hide("fast");
//3.toogle:顯示或者隱藏當前元素
//$('#show').toogle(3000);
//4.fadeIn:先顯示元素? 后改變透明度(opactity)升為100%
//$('#show').fadeIn(3000)? 接受三個參數
//5.fadeOut:將透明度逐漸將為0，再隱藏
//$('#show').fadeOut(3000)
//6.fadeToogle()有的話就隱藏? 沒有就顯示
//7.slideDown: 以從上向下滑出來
//8.slideUp:? 從下往上卷進去
//9.slideToogle? 有就卷上去
//10.animate? 3個參數
//參數1.結束的時候css 屬性的值
//c參數2; 時間? 參數3：代表的是回調函數
//背景色和組合寫法不行
// $('#show').animate({
// width:'30px',
//// backgroundColor:"#0000",
//// border:'1px solid black'
// opacity:0.5,
// left:"500px",
// top:"600px"
// },3000,function(){
//
// alert(1);
//
// })
//
//11.stop停止動畫
//$("#show").stop();
//12.delay 延遲執(zhí)行動畫? 如果先執(zhí)行延遲動畫操作? 需要先寫延遲代碼
// $("#show").delay(3000);
// $("#show").hide(1000);
//給box下面的son綁定事件
$('#box').on('click','#box',function(){
console.log(11);
})
/*one 方法? 用這個去綁定的事件 只能執(zhí)行一次
* 刷新頁面有效
*/
// $('#box').one('click',function(){
// console.log(1111);
// })
}
//移除事件
function handle(){
console.log(1);
}
$('#box').on("click",handle);
$('#box').on("click",function(){console.log(2)})
$('#box').on("mouseover",function(){console.log(3)})
$(document).onkeydown(function(){
//移除單個
$('#box').off('click',handle);
//移除所有click事件
$("box").off('click');
//移除所有
$("#box").off();
}))
$('#box').on('click',function(){
console.log('box');
});
//實現不點box的時候也能執(zhí)行事件回調函數
$(document).keydown(function(){
$('#box').trigger('click');
});
$('#box').click(function(event){
console.log(event);
alert(1);
});
$('#box').hover(function(){
console.log(11);
})
// $(window).resize(function(){
// alert(111);
// })
// jq綁定事件第一種方法? 不用考慮兼容問題ie8不可以? 能綁定多個
//
//? $('#box').on('click',function(){
//? alert(12);
//? })
//
//? $('#box').on('click',function(){
//? alert(52);
//? })
//
//2.jq綁定事件的第二種方法
// $("#box").bind("dblclick",function(){
// alert(12);
// })
