JQ 取窗口的宽度.窗口的框度历

$(function(){

$(window).on('resize',function(){
//1.窗口的框度
let clientW = $(window).width();
console.log("窗口的框度:",clientW);
//2.设置临界点
let isShowBigImage = clientW>=900;

//1.3 取所有item
let $allItems = $('#kq_list #tr-tbody tr');
console.log($allItems);
//1.4遍历
$allItems.each((index,item)=>{
console.log(item);
if(index==0){
//$allItems[index].remove();
}else{
//$allItems[index].show();
}


});


});
$(window).trigger('resize');

//前端验证表单
function formValidation(){
console.log("前端验证表单");
return true;
}

});

 


$(document).ready(function(){
$('#kq_list button').click(()=>{
let $allItems = $('#kq_list #tr-tbody tr');

$allItems.each((index,item)=>{
console.log(item);
if(index==0){
$allItems[index].remove();
}else{
$allItems[index].show();
}


});
});
});
// 一进来就调用:尾边上().trigger('resize');
//$(window).trigger('resize');

posted @   A汉克先生  阅读(222)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示