JS+jQuery常用方法笔记

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

例：按钮一：
<a class="layui-btn  btnOne">按钮一</a>

为其添加点击事件：

方法一：
$("#btnOne").click(function (e) {
    alert(111);
});

方法二：(常用语页面未来元素)
$("#btnOne").on("click", function (e) {
    alert(222);
});

方法三：使用onclick=""
<a class="layui-btn  btnOne" href="javascript:;" onclick="myFun(33)">按钮一</a>

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); //去掉最后一个

//  把所有的, 替换成<br />
var regs = new RegExp(",", "g");
var dataStr = dataStr.replace(regs, "<br />");

4、字符串转数组

例：把如下字符串转成数组
let myString = "a,b,c,1,2,3";

let arr = myString.split(",");

console.log(arr);

输出：["a", "b", "c", "1", "2", "3"]

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

//例：父类中有：
<input type="hidden" id="channelIds">
<div id="channelTitlesDiv"></div>

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