JS操作小记（持续更新）

Posted 2021-03-07 Gyyyang

常用操作

• 清空div内容

$('#div').empty;

• 合并两个数组

a.push.apply(a,b);

• 禁用checkBox

$('input[type="checkbox"]').prop("disabled",true);

• 主动触发layui select事件

setTimeout(function () {
$('#selectId').next(".layui-form-select")
.find("dd[lay-value="+optionValue+"]")
.click();
},500);
// 需要延迟执行，不然没效果

• 刷新当前页面

location.reload();

• 页面自动刷新

<meta http-equiv="refresh" content="5">
<!-- 5代表每隔5秒刷新一次 -->

注意事项

• JS枚举比较时注意观察对象的类型，打印在控制台是看不出来的，例如数字1和字符串‘1‘ ，在找错误或枚举处理之前可以用 typeOf a先判断一下类型。
• Dom.trigger(‘click‘) 有时不生效，可以尝试直接Dom.click()
• 拼接字符串渲染html，click事件不生效
  例如拼接这条语句：

<span class="exit" onclick="logOut()">退出</span>

使用两种方式均不生效：

function logOut(){
.......
}
// 或者
$('.exit').click(function(){
.......
})

正确写法：

$('body').on('click','.exit',function(){
......
})

原因：在新的dom载入渲染之前js就加载完了，所以方法不生效。解决办法：将事件委托道body（当然也可以是其他父元素），等事件冒泡到父元素上面再进行事件处理