【原创】jquery常见的条件判断类型

95 阅读 0 评论 63 点赞

我是靠谱客的博主整齐镜子，这篇文章主要介绍【原创】jquery常见的条件判断类型，现在分享给大家，希望可以做个参考。

2019独角兽企业重金招聘Python工程师标准>>>

1，判断显示与隐藏；

复制代码

1
2
 if($("#content-left").is(":visible")) //判断显示
 if($(this).next("div").is(":hidden")) //判断隐藏

2，判断透明度；

复制代码

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

3，判断是否含有某个样式

复制代码

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

4，判断窗口大小

复制代码

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

5，判断距离顶部的位置

复制代码

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

6，判断页面是否加载完毕

复制代码

1
if (document.readyState == "complete")

7，获取select的值

复制代码

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

8，判断checkbox是否选中

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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被选定的值

复制代码

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

10，判断input文本框输入值

复制代码

1
2
3
4
5
6
7
8
//获取焦点	   
$(".input_keyword").focus(
    function() {			
		if(this.value=='请输入目的地、主题或关键词') this.value='';}			
).blur(
    function() {
		if(this.value=='') this.value='请输入目的地、主题或关键词'}
);

11，判断input文本框输入不为空

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
$("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，判断某个集合容器中是否含有选中样式？

复制代码

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//【经典实例：】根据含有选中的样式，找到该项的索引号
$("#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，判断是否在数组中？

复制代码

1
2
3
4
5
6
7
8
9
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，判断键是否在对象中？

复制代码

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
//【经典案例：】
$(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标签？

复制代码

1
2
3
4
5
6
7
8
9
10
//找该tbody下是否含有tr
var tbody_content = $(".otoc-table-initialize").find("tbody").children().length;

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

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