點擊空白地方 隱藏某個下拉框或者其他數據
//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)