1. 程式人生 > >【JS】知識積累

【JS】知識積累

1、新增樣式、刪除class

$(".layui-col-md2").removeClass("layui-col-md2").addClass("layui-col-md0");

2、兄弟選擇器

$('#id').siblings() 當前元素所有的兄弟節點
$('#id').prev() 當前元素前一個兄弟節點
$('#id').prevaAll() 當前元素之前所有的兄弟節點
$('#id').next() 當前元素之後第一個兄弟節點
$('#id').nextAll() 當前元素之後所有的兄弟節點

3、觸發事件

 $("input[type=reset]").trigger("click");/

4、iframe登入頁面調出

if(window !=top){  
     top.location.href = location.href;  
 } 

5、div(下拉翻頁)

div樣式加上 height: 300px;overflow: scroll;//允許滑動
設定page,limit
var page=1;
var limit=10;

 $(document).ready(function() {    
    	var d = document.getElementById("table_banzi");
    		d.onscroll=function(e){
    		    console.log("1"+d.scrollTop);//滑動高度
    		    //console.log("2"+d.height);//???
    		    //console.log("3"+d.clientHeight);//內容的可視高度(不包括邊框,邊距或滾動條)
    		    //console.log("4"+d.offsetHeight);//它返回的高度是內容高+padding+邊框
    		    //console.log("5"+d.scrollHeight);//總高度(有誤差)
    		    if((d.scrollTop+d.offsetHeight+100)>d.scrollHeight){
    		    	page++;
    		    	getTeamInfoList(page,limit);
    		    }
    		}
});

6、格式化時間

function formatDatebox(value) {  
    if (value == null || value == '') {  
        return '';  
    }  
    var dt;  
    if (value instanceof Date) {  
        dt = value;  
    } else {  
        dt = new Date(value);  
    }  
  	return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate();
   // return dt.format("yyyy-MM-dd"); //擴充套件的Date的format方法(上述外掛實現)  //過期
}

7、傳參

data-id=""
$(a).data(“id”);