JS+jQuery常用方法笔记

1、如何为一个按钮添加点击事件？

例：按钮一：
class="layui-btn  btnOne">按钮一
 
为其添加点击事件：
 
方法一：
$("#btnOne").click(function (e) {
    alert(111);
});
 
方法二：(常用语页面未来元素)
$("#btnOne").on("click", function (e) {
    alert(222);
});
 
方法三：使用onclick=""
class="layui-btn  btnOne" href="javascript:;" onclick="myFun(33)">按钮一
 

2、如何点击“按钮二”时执行“按钮一”的点击事件？

// trigger() 方法触发被选元素上指定的事件以及事件的默认行为
// 参考： https://www.runoob.com/jquery/event-trigger.html
 
$("#btnTwo").on('click', function (e){
    $("#btnOne").trigger('click')
});

3、js的一个一维数组如何转字符串？

例：把以下数组转成用英文逗号隔开的字符串
 var dataArr = ['aa', 'bb', 'cc'];
 
//方法一： toString() 方法
var dataStr = dataArr.toString();    
 
// dataArr.toString() 默认只支持用英文逗号隔开，不支持自定义分隔符
 
//方法二：join() 方法
var dataStr = dataArr.join('##')    使用两个#号把数组转换成字符串
 
//方法三：使用原生js自己写一个
 
var dataStr = '';
for(let i = 0; i < dataArr.length; i++) {
    dataStr += dataArr[i];
    dataStr += ',';
}
dataStr = dataStr.slice(0, -1); //去掉最后一个
 
//  把所有的, 替换成
var regs = new RegExp(",", "g");
var dataStr = dataStr.replace(regs, "
");

4、字符串转数组

例：把如下字符串转成数组
let myString = "a,b,c,1,2,3";
 
let arr = myString.split(",");
 
console.log(arr);
 
输出：["a", "b", "c", "1", "2", "3"]

5、如何把Layui弹窗中选择的内容传递到父类页面？

//例：父类中有：
"hidden" id="channelIds">
<div id="channelTitlesDiv">div>
 
//子类弹窗中 把值传给父页面的方法如下：
$("#channelIds", parent.document).val(idStr);
$("#channelTitlesDiv", parent.document).html(titleStr);