JS操作小记(持续更新)

常用操作

  • 清空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()
  • 拼接字符串渲染htmlclick事件不生效
    例如拼接这条语句:
<span class="exit" onclick="logOut()">退出</span>

使用两种方式均不生效:

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

正确写法:

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

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

猜你喜欢

转载自www.cnblogs.com/gyyyblog/p/12372446.html