【原創】jquery常見的條件判斷類型

1，判斷顯示與隱藏；

if($("#content-left").is(":visible")) //判斷顯示
 if($(this).next("div").is(":hidden")) //判斷隱藏

2，判斷透明度；

var current_opacity=$("nav").css("opacity")
	                                if (current_opacity==1)

3，判斷是否含有某個樣式

var down_list_li= $(".tab-type-02-content ul li")
			            if (  down_list_li.hasClass("selected")==true )

4，判斷窗口大小

if ($(window).width()<768)

5，判斷距離頂部的位置

if(  $(this).scrollTop()<500)

6，判斷頁面是否加載完畢

if (document.readyState == "complete")

7，獲取select的值

$("#select-project").change(function(){
		             	  var checkValue=$("#select-project").val(); 
		             	  //alert(checkValue)
		             	  if(checkValue==2)

8，判斷checkbox是否選中

if($("#checkbox").is(':checked'))
{
	alert("已選定")
}
else
{
	alert("未選定")
}

//$("#checkbox").attr(「checked」,」checked」); 兩種賦值方式
//$("#checkbox").attr(「checked」,true);  //建議選擇這種，
/*w3c指定checkbox的checked是布爾值；這個兼容性更好。
並且，改屬性值最好是按下面的prop方法：
prop("checked", true);
prop("checked", false);
*/

9，獲取一組radio被選定的值

var item = $('input[name=items][checked]').val();

10，判斷input文本框輸入值

//獲取焦點	   
$(".input_keyword").focus(
    function() {			
		if(this.value=='請輸入目的地、主題或關鍵詞') this.value='';}			
).blur(
    function() {
		if(this.value=='') this.value='請輸入目的地、主題或關鍵詞'}
);

11，判斷input文本框輸入不爲空

$("input[tit='reg_password_input']").focus(function() {
	.blur(function() { 
	   var val_password=$(this).val();
	   if ( val_password!='')  
		{
			$(this).attr("class","reg_password_01_bg_none");
		}
	   else
		{				
		   $(this).attr("class","reg_password_01_bg_text");
		}
	})
})

12，判斷某個集合容器中是否含有選中樣式？

if($(".ul li").hasClass("box-selected")){

//【經典實例：】根據含有選中的樣式，找到該項的索引號
$("#coupon-menu .btn-gotype").click(function(){
        if($(".coupon div").hasClass("box-selected")){
            var box = $(".coupon .box-select");
            var box_index = box.index($(".box-selected"))
                box_index = box_index +1
            console.log(box_index)

            $(".page-content > .container").eq(box_index).show().siblings().hide();
        }
        else{
            alert("請選擇券類型！")
        }
    })

13，判斷是否在數組中？

if (my_arr.indexOf(li_id)>=0){
   alert("添加已存在！")
}


//【查找索引值】-查找指定元素的索引值
//           0     1     2     3     4
//			var a = ["chai","yu","long","ni","hao"]
//			alert(a.indexOf("yu"))

14，判斷鍵是否在對象中？

if (li_id in my_data == true){
   alert("添加已存在！")
   return false;
}

//【經典案例：】
$(function(){		
	var my_data = {}; //建立對象
	$(".list-group li").click(function(){	
		li_id = this.getAttribute('data-id'); 

		if (li_id in my_data == true){  //用in屬性判斷對象中是否有某一屬性
		    alert("添加已存在！")
		    return false;
		}
		else{
			my_data[li_id] = {} //給對象建立屬性 ，
			
		 	$(this).clone().appendTo('ul#result'); 
		 	
		 	console.log(my_data)
		 }
			
	})
})

15，判斷指定dom中，是否還有子dom標籤？

//找該tbody下是否含有tr
var tbody_content = $(".otoc-table-initialize").find("tbody").children().length;

//返回數值
console.log(tbody_content)

//判斷
if(tbody_content === 0){
   ....
}