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);

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/82684.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

准备篇(三)Python 爬虫第三方库

第三方库无法将 "pip" 识别ModuleNotFoundError: No module named pip install 安装路径相关问题requests 库和 BeautifulSoup 库requests 库BeautifulSoup 库第三方库 Python 的 标准库 中提供了许多有用的模块和功能,如字符串处理、网络通信、多线程等,但它们并…

(2023 最新版)IntelliJ IDEA 下载安装及配置教程

IntelliJ IDEA下载安装教程&#xff08;图解&#xff09; IntelliJ IDEA 简称 IDEA&#xff0c;由 JetBrains 公司开发&#xff0c;是 Java 编程语言开发的集成环境&#xff0c;具有美观&#xff0c;高效等众多特点。在智能代码助手、代码自动提示、重构、J2EE 支持、各类版本…

IntelliJ IDEA使用——插件推荐

官网插件库&#xff1a;https://plugins.jetbrains.com/search 代码规范检测&#xff1a;Alibaba Java Coding Guidelines码云&#xff1a;Giteemybatis插件&#xff1a;MyBatisX多颜色括号&#xff1a;Rainbow Brackets操作快捷键提示&#xff1a;Key Promoter X力扣&#xff…

leetcode做题笔记144. 二叉树的前序遍历

给你二叉树的根节点 root &#xff0c;返回它节点值的 前序 遍历。 思路一&#xff1a;递归 c语言解法 void preorder(struct TreeNode* root, int* res, int* resSize) {if (root NULL) {return;}res[(*resSize)] root->val;preorder(root->left, res, resSize);pr…

ES6 特性

一、ES6 1.1 ES6 概念 1.1.1 什么是 ES ES 全称 EcmaScript 是脚本语言的规范JavaScript 是 EcmaScript 的一种实现ES 新特性就是指 JavaScript 的新特性 1.1.2 为什么要使用 ES 语法简单&#xff0c;功能丰富框架开发应用前端开发职位要求 1.1.3 为什么要学习 ES6 ES6 …

时间序列分析1--生成和导出时间序列数据

时间序列数据的生成 直接录入 1.行录入 ts.(price,startc(2015,1),frequency 12) # price为时间序列变量&#xff0c;start为起始读入时间 frequncy指定每年读入的数据的频率&#xff0c;frequncy4为季度数据、frequncy52为星期数据 2.列录入 scan() 1:101 ....6:7 7:…

stm32 串口发送和接收

串口发送 #include "stm32f10x.h" // Device header #include <stdio.h> #include <stdarg.h>//初始化串口 void Serial_Init() {//开启时钟RCC_APB2PeriphClockCmd(RCC_APB2Periph_USART1,ENABLE);RCC_APB2PeriphClockCmd(RCC_APB2Pe…

FiddlerScript 脚本使用正则表达式替换响应内容

使用 Fiddler 进行抓包时&#xff0c;对特定 url 接口响应内容进行部分匹配替换处理&#xff0c;可以在 FiddlerScript 的 OnBeforeResponse 事件中编写代码来完成。 本文如下代码示例是对某接口请求中的特定内容进行替换处理&#xff0c;如下&#xff1a; static function On…

QString类型的小数转Int类型

QString t "555.5"; double tt t.toInt(); // 将字符串转换为浮点数 // 现在 tt 的值应该为 0 在执行 t.toInt() 时&#xff0c;返回的结果为0&#xff0c;而不是预期的555。这是因为 toInt() 函数在将字符串转换为整数时遇到了非法字符。 toInt() 函数是 QStrin…

消息中间件介绍

消息中间件利用高效可靠的消息传递机制进行异步的数据传输&#xff0c;并基于数据通信进行分布式系统的集成。通过提供消息队列模型和消息传递机制&#xff0c;可以在分布式环境下扩展进程间的通信。ActiveMQ、RabbitMQ、ZeroMQ 消息中间件的作用 解耦&#xff1a; 冗余〈存储…

在UOS/Deepin下安装 Python 3.11.5 图文详解

01 先把操作系统更新一下 在开始菜单中&#xff0c;找到“终端”&#xff0c;点击启动&#xff0c;并依次输入以下两条命令即可&#xff1a; sudo apt update sudo apt upgrade 特别说明&#xff1a;Uos/Deepin 系统&#xff0c;要先进入“开发者模式”才行。“ 设置 — 通用…

VB求平均值

VB求平均值 Private Function pj(x() As Integer) As SingleDim m%, n%, i%, s%m LBound(x): n UBound(x)For i m To ns s x(i)Next ipj s / (n - m 1) End Function Private Sub Command1_Click()Dim a%(1 To 10), i%, aver!For i 1 To 10a(i) Int(Rnd() * 10) 随机…

redis集群主从扩容(docker中)

redis集群主从扩容&#xff08;docker中&#xff09; 1、新建6387、 6388两个节点 新建后启动查看是否8节点 docker run -d --name redis-node-7 --net host --privilegedtrue -v /data/redis/share/redis-node-7:/data redis:6.2.7 --cluster-enabled yes --appendonly yes…

组里来了一个实习生,一行代码引发了一个惨案

大家好&#xff0c;我是静幽水&#xff0c;一名大厂全栈程序员&#xff0c;今天给大家分享一个案例&#xff0c;看似简单。却容易引发惨案。 事情是这样的&#xff0c;最近组里来了一个实习生&#xff0c;因为项目工作量大&#xff0c;人力比较紧张&#xff0c;所以就分配了一…

Rocky Linux 9安装后ssh不能登录

Rocky Linux是CentOS的原创始人发行的版本&#xff0c;为的是解决CentOS停服问题&#xff0c;该版本是基于Red Hat Enterprise Linux 9的下游发布。 在Rocky Linux 9版本中&#xff0c;为了增加安全性&#xff0c;默认情况下禁用SSH root密码登录。这是系统默认设定的规则&…

Docsify介绍—md文件直接生成网页的工具

Markdown是一种轻量级标记语言&#xff0c;它使用易读易写的纯文本格式&#xff0c;用于编写文档&#xff0c;如README&#xff0c;wiki&#xff0c;博客文章等。Markdown语言最初由约翰格鲁伯&#xff08;John Gruber&#xff09;和亚伦斯沃茨&#xff08;Aaron Swartz&#x…

什么是HTTP状态码?常见的HTTP状态码有哪些?

聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ 什么是HTTP状态码&#xff1f;⭐ 1xx - 信息性状态码⭐ 2xx - 成功状态码⭐ 3xx - 重定向状态码⭐ 4xx - 客户端错误状态码⭐ 5xx - 服务器错误状态码⭐ 写在最后 ⭐ 专栏简介 前端入门之旅&#xff1a;探索Web开发的奇妙世界 欢迎来到前…

华为云云耀云服务器L实例评测|用PHP从数据库到后端到前端完整实现一个中秋节祝福语项目

&#x1f3c6;作者简介&#xff0c;黑夜开发者&#xff0c;CSDN领军人物&#xff0c;全栈领域优质创作者✌&#xff0c;CSDN博客专家&#xff0c;阿里云社区专家博主&#xff0c;2023年6月CSDN上海赛道top4。 &#x1f3c6;数年电商行业从业经验&#xff0c;历任核心研发工程师…

大数据知识点之大数据5V特征

大数据的特征可以浓缩为五个英文单词&#xff0c;Volume(大量&#xff09;、Variety(多样性&#xff09;、Velocity(速度&#xff09;、Value(价值&#xff09;、Veracity(准确性&#xff09;。因为是5个特征都是以“V”开头的英文单词&#xff0c;又叫大数据5V特征。 概述&…

Putty连接服务器

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…