//判斷有沒有元素
if ($("div").length>0) {
//do
}else{
}
//判斷是鼠標(biāo)右鍵點(diǎn)擊還是左鍵點(diǎn)擊 ?好像右鍵經(jīng)常彈窗查看
$("div").click(function(event) {
switch (event.which) {
case 1:
alert('鼠標(biāo)點(diǎn)擊')
break;
case 2:
alert('滑輪點(diǎn)擊')
break;
case 2:
alert('右鍵點(diǎn)擊')
break;
default:
alert("意念點(diǎn)擊?")
break;
}
});
//這段代碼展示了在用戶未輸入值時托呕，
//如何在文本類型的input域中保留
//一個默認(rèn)值
$("input:[type='text']").each(function() {
var $trim_val = $(this).val();
var $this = $(this);
$this.focus(function(){
if($this.val()==$trim_val){
$this.val("");
}
}).focusout(function() {
if($.trim($this.val())==""){
//加上trim是因?yàn)榕袛嗉由系亩际强崭竦臅r候也讓他初始化壳嚎。可以了解一下trim是干嘛的轧拄。
$this.val($trim_val);
}
});
});
//定時隱藏一個元素
setTimeout(function(){
$("div").hide();
},2000);
$("div").delay(2000).animate({"height":"0px"},0);
//1.4版本以上 delay只對動畫有用 就是說你這個jq不是動畫效果 沒法延遲 可以用setTimeout（）
//判斷是否含有class
if($("#div").hasClass('className')){
//do
}
//判斷是否隱藏 true 是可見驱敲，false是不可見
if ($("#div").is(":visible")) {
//do
}
//判斷選擇框是否被選中 radio 也可以這么判斷
if ($("input:[type='checkbox']").is(":checked")) {
//do
}
//元素放在屏幕的中心位置 其實(shí)不如用position fixed
jQuery.fn.center = function () {
this.css({
"position": 'absolute',
"left":($(window).width()-this.width())/2+$(window).scrollLeft()+'px',
"top":($(window).height()-this.height())/2+$(window).scrollTop()+'px'
});
}
$("#div").center();
$(window).scroll(function(){
$("#div").center();
})
//在jQuery中如何使用.siblings()來選擇同輩元素
$("ul li").click(function(){
$(this).addClass('active').siblings().removeClass('active');
})
//再頁面中獲得鼠標(biāo)的位置
$(document).mousemove(function(event) {
console.log("x:"+event.pageX+"? y:"+event.pageY);
});
//檢查圖片加載完成之后做的事情
$("img").attr("src","images/img1.jpg").load(function(){
//do
})
