我是靠谱客的博主 整齐镜子,最近开发中收集的这篇文章主要介绍【原创】jquery常见的条件判断类型,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

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){
   ....
}

 

转载于:https://my.oschina.net/u/583531/blog/919487

最后

以上就是整齐镜子为你收集整理的【原创】jquery常见的条件判断类型的全部内容,希望文章能够帮你解决【原创】jquery常见的条件判断类型所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(42)

评论列表共有 0 条评论

立即
投稿
返回
顶部