雜亂無章 JQ點擊空白處 消失下拉

點擊空白地方 隱藏某個下拉框或者其他數據

 	//ONE
 	$("*").click(function (event) {
	      if (!$(this).hasClass("brand-more") ){
	           $('#car_show').hide();
	      }
	      event.stopPropagation(); //阻止事件冒泡    
	 });
	 //TWO
	 window.onclick = function(event){
      	var e = event || window.event;
      	// console.log(e.target.className);
        if(e.target.className == 'rt_content' || e.target.className == 'rt_wrap content'){
          $(".city-select__option").hide();
        }
    }
    //第一個有弊端 估計是層級關係原因 當時我footer.html中存在一個點擊事件 因爲當前頁面有 $("*") 所以沒被觸發footer頁面的事件 
    //第二個 e.target.className 名稱來處理點擊哪 會關閉誰誰...

JQ的parseInt 強制類型轉換

var count = 0;
conut =count + 1; //count變量會誤認爲 + 號爲 字符串連接符
//需要強制轉換
conut = parseInt(count) +  1;

JQ 我也不知道啥玩意 兩種寫法 自定義方法名稱

$(function(){
      $('.city-select__selected').click(function(){
           if($('#city_idTwo').is(':hidden') == false){
               $('#city_idTwo').hide();
           }else{
               $('#city_idTwo').show();
               var hide_city = $('#hide_city').val();
               var list_child = $('.list_childcity');
           }
       })
       window.city_zm=function(_this){
           var zm = $(_this).html();
           $(_this).addClass('active');            
       }
       window.city_xz=function(city_id,_this){
           $(_this).addClass("active")
           $(_this).siblings().removeClass("active");            
       }
   })
	//第二種寫法
	$(function(){
	   $('.city-select__selected').click(function(){
	        if($('#city_idTwo').is(':hidden') == false){
	            $('#city_idTwo').hide();
	        }else{
	            $('#city_idTwo').show();
	            var hide_city = $('#hide_city').val();
	            var list_child = $('.list_childcity');
	        }
	    })
	}); 
   function city_zm(_this){
       var zm = $(_this).html();
       $(_this).addClass('active');            
   }
   function  city_xz(city_id,_this){
        $(_this).addClass("active")
        $(_this).siblings().removeClass("active");            
   }

JQ 對等式

$(function(){  })  == $(document).ready(function(){    })
//注意一下 如果在html 可以不必上兩個標籤使用 那時頁面元素肯定完成
//在 style下的時候 用這兩 在處理  
//自動消失
$("#bmtip_box").delay(1000).hide(0);
JQ性能最好的位置
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20190704143155549.png)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章