jQuery_09 事件的绑定与使用(on)
jQuery使用on绑定事件
jQuery可以给dom对象添加事件 在程序执行期间动态的处理事件
1. $("选择器").事件名称(事件处理函数)
$("选择器") ： 选择0或者多个dom对象 给他们添加事件
事件名称：就是js中事件名称去掉on的部分 比如单击事件onclick 在jQuery就是click
事件处理函数：就是js中的事件处理函数
2. $("选择器").on("事件名称",事件处理函数)
事件名称：就是事件中去掉on的部分
事件处理函数 就是当事件触发的时候的回调函数
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><script type="text/javascript" src="../js/jquery.js"></script><script type="text/javascript">$(function () {$("#btn1").on("click",function(){// alert("button click");// 在div中 新增一个按钮 使用append函数$("div").append("<button id='newBtn'>我是新加的按钮</button>")$("#newBtn").on("click",function(){alert("我是新加的按钮");})})});</script><style type="text/css">div {background-color: gray;}</style></head><body><div id="mydiv" style="background-color: aquamarine;">我是mydiv</div><br /><br /><button id="btn1">新增dom对象绑定事件</button></body><script>/* jQuery可以给dom对象添加事件 在程序执行期间动态的处理事件 1. $("选择器").事件名称(事件处理函数)$("选择器") ： 选择0或者多个dom对象 给他们添加事件事件名称：就是js中事件名称去掉on的部分 比如单击事件onclick 在jQuery就是click事件处理函数：就是js中的事件处理函数2. $("选择器").on("事件名称",事件处理函数)事件名称：就是事件中去掉on的部分事件处理函数 就是当事件触发的时候的回调函数*/</script>
</html>
注意：在JavaScript脚本中使用 $("div").append("<button id='newBtn'>我是新加的按钮</button>")类似的语句的时候 双引号中应该使用单引号，使用双引号会出现错误。
相关文章：
jQuery_09 事件的绑定与使用(on)
jQuery使用on绑定事件 jQuery可以给dom对象添加事件 在程序执行期间动态的处理事件 1. $("选择器").事件名称(事件处理函数) $("选择器") ： 选择0或者多个dom对象 给他们添加事件 事件名称：就是js中事件名称去掉on的部分 比如单击…...
详解Java中的泛型（泛型的语法，擦除机制，泛型的上界）
目录 一.什么是泛型 二.Java中为什么要使用泛型 三.泛型的语法 四.泛型类的使用 五.泛型的编译机制（擦除机制） 六.泛型的上界 一.什么是泛型 泛型（Generics）是Java SE 5中引入的一个新特性，可以使Java中的类和方…...
数据结构算法-贪心算法
引言 贪心：人只要有 “需求“ ，都会有有点“贪“， 这种“贪“是一种选择，或者“”取舍“ RTS（即时战略）游戏： 帝国时代里 首先确保拥有足够的人口 足够的粮食，足够的战略资源 足够的…...
【云备份】数据管理模块
文章目录 1. 数据管理模块要管理什么数据？2. 数据管理模块如何管理数据？3. 数据管理模块的具体实现BackupInfo 数据信息类NewBackupInfo —— 获取各项属性信息 DataManager 数据管理类构造函数析构函数insert —— 新增update —— 修改GetOneByURL——…...
C++ :const修饰成员函数
常函数： 常函数： 成员函数后加const后我们称为这个函数为常函数 常函数内不可以修改成员属性 成员属性声明时加关键字mutable后，在常函数中依然可以修改 属性可修改： class Person { public: void showPerson() …...
论文阅读：“Model-based teeth reconstruction”
文章目录 AbstractIntroductionTeeth Prior ModelData PreparationParametric Teeth Model Teeth FittingTeeth Boundary Extraction Reference Abstract 近年来，基于图像的人脸重建方法日趋成熟。这些方法可以捕捉整个面部或面部特定区域（如头发、眼睛…...
Web 安全之证书透明（Certificate Transparency）详解
目录 证书透明性的概念 数字证书和颁发机构 证书透明的起源 证书透明的工作原理 证书透明的实现方法 证书透明的优点 浏览器和客户端对证书透明的支持情况 小结 证书透明（Certificate Transparency, CT）是网络安全领域中的一个重要概念ÿ…...
智能优化算法应用：基于蜻蜓算法无线传感器网络(WSN)覆盖优化 - 附代码
智能优化算法应用：基于蜻蜓算法无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用：基于蜻蜓算法无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.蜻蜓算法4.实验参数设定5.算法结果6.参考文献7.MATLAB…...
【古诗生成AI实战】之二——项目架构设计
[1] 项目架构 在我们深入古诗生成AI项目的具体实践之前，让我们首先理解整个项目的架构。本项目的代码流程主要分为三个关键阶段： 1、数据处理阶段； 2、模型训练阶段； 3、文本生成阶段。 第一步：在数据处理阶段…...
动态网页从数据库取信息，然后展示。
把数据库的驱动放在bin目录下。 通过servlet 读取数据库的内容，生成session,然后跨页面传给展示页。 package src;import java.io.IOException; import java.io.PrintWriter; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSe…...
单片机学习3——数码管
数码管，根据内部结构，可分为共阴极数码管和共阳极数码管。七段发光管加上一个小数点，共计8段。因此，我们对它编程的时候，刚好是用一个字节。 数码管的显示方式： 1）静态显示； 2&…...
数据库表结构导出成Excel或Word格式
前言 该工具主要用于导出excel、word，方便快速编写《数据库设计文档》，同时可以快速查看表的结构和相关信息。 本博客仅作记录，最新源码已经支持多种数据库多种格式导出，有兴趣的可移步源码作者地址：https://gitee.co…...
School training competition ( Second )
A. Medium Number 链接 : Problem - 1760A - Codeforces 就是求三个数的中位数 : #include<bits/stdc.h> #define IOS ios::sync_with_stdio(0);cin.tie(0);cout.tie(0); #define endl \nusing namespace std; typedef long long LL; const int N 2e510;inline void …...
深度解析 Docker Registry：构建安全高效的私有镜像仓库
文章目录 什么是Docker Registry？Docker Hub vs. 私有RegistryDocker Hub：私有Registry： 如何构建私有Docker Registry？步骤一：安装Docker Registry步骤二：配置TLS（可选）步骤三&…...
leetcode 不同的二叉搜索树
给你一个整数 n ，求恰由 n 个节点组成且节点值从 1 到 n 互不相同的 二叉搜索树 有多少种？返回满足题意的二叉搜索树的种数。 示例 1： 输入：n 3 输出：5 示例 2： 输入：n 1 输出：…...
通俗易懂的spring Cloud；业务场景介绍 二、Spring Cloud核心组件：Eureka 、Feign、Ribbon、Hystrix、zuul
文章目录 通俗易懂的spring Cloud一、业务场景介绍二、Spring Cloud核心组件：Eureka三、Spring Cloud核心组件：Feign四、Spring Cloud核心组件：Ribbon五、Spring Cloud核心组件：Hystrix六、Spring Cloud核心组件：Zuul七…...
大数据预处理技术
文章目录 前言 大数据技术成为前沿专业 也是现在甚至未来的朝阳产业，大数据有分别是 数据预处理 数据存储 大数据处理和分析 数据可视化 部分组成 ，大数据行业有数据则称王，大数据的核心是数据本身 怎么获取有价值的数据呢？本章讲…...
跳表的学习记录
跳表（Skip List）是一种数据结构，它通过在多个层次上添加额外的前向指针来提高有序数据的搜索效率。跳表与其他常见的有序数据结构（如二叉搜索树、平衡树如AVL树和红黑树、B树等）相比，具有其独特的优缺点&am…...
电子学会C/C++编程等级考试2022年09月（二级）真题解析
C/C++等级考试（1~8级）全部真题・点这里 第1题：统计误差范围内的数 统计一个整数序列中与指定数字m误差范围小于等于X的数的个数。 时间限制：5000 内存限制：65536输入 输入包含三行： 第一行为N，表示整数序列的长度(N <= 100); 第二行为N个整数，整数之间以一个空格分…...
如何使用nginx部署静态资源
Nginx可以作为静态web服务器来部署静态资源，这个静态资源是指在服务端真实存在，并且能够直接展示的一些文件数据，比如常见的静态资源有html页面、css文件、js文件、图片、视频、音频等资源相对于Tomcat服务器来说，Nginx处理静态资…...
观成科技：隐蔽隧道工具Ligolo-ng加密流量分析
1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具，该工具基于TUN接口实现其功能，利用反向TCP/TLS连接建立一条隐蔽的通信信道，支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式，适应复杂网…...
网络六边形受到攻击
大家读完觉得有帮助记得关注和点赞！！！ 抽象 现代智能交通系统 （ITS） 的一个关键要求是能够以安全、可靠和匿名的方式从互联车辆和移动设备收集地理参考数据。Nexagon 协议建立在 IETF 定位器/ID 分离协议 （…...
安宝特方案丨XRSOP人员作业标准化管理平台：AR智慧点检验收套件
在选煤厂、化工厂、钢铁厂等过程生产型企业，其生产设备的运行效率和非计划停机对工业制造效益有较大影响。 随着企业自动化和智能化建设的推进，需提前预防假检、错检、漏检，推动智慧生产运维系统数据的流动和现场赋能应用。同时，…...
06 Deep learning神经网络编程基础 激活函数 --吴恩达
深度学习激活函数详解 一、核心作用 引入非线性：使神经网络可学习复杂模式控制输出范围：如Sigmoid将输出限制在(0,1)梯度传递：影响反向传播的稳定性二、常见类型及数学表达 Sigmoid σ ( x ) = 1 1 +...
JVM暂停（Stop-The-World，STW）的原因分类及对应排查方案
JVM暂停（Stop-The-World，STW）的完整原因分类及对应排查方案，结合JVM运行机制和常见故障场景整理而成： 一、GC相关暂停 1. 安全点（Safepoint）阻塞 现象：JVM暂停但无GC日志，日志显示No GCs detected。原因：JVM等待所有线程进入安全点（如…...
GitFlow 工作模式（详解）
今天再学项目的过程中遇到使用gitflow模式管理代码，因此进行学习并且发布关于gitflow的一些思考 Git与GitFlow模式 我们在写代码的时候通常会进行网上保存，无论是github还是gittee，都是一种基于git去保存代码的形式，这样保存代码…...
比较数据迁移后MySQL数据库和OceanBase数据仓库中的表
设计一个MySQL数据库和OceanBase数据仓库的表数据比较的详细程序流程，两张表是相同的结构，都有整型主键id字段，需要每次从数据库分批取得2000条数据，用于比较，比较操作的同时可以再取2000条数据，等上一次比较完成之后，开始比较，直到比较完所有的数据。比较操作需要比较…...
nnUNet V2修改网络——暴力替换网络为UNet++
更换前，要用nnUNet V2跑通所用数据集，证明nnUNet V2、数据集、运行环境等没有问题 阅读nnU-Net V2 的 U-Net结构，初步了解要修改的网络，知己知彼，修改起来才能游刃有余。 U-Net存在两个局限，一是网络的最佳深度因应用场景而异，这取决于任务的难度和可用于训练的标注数…...
MySQL的pymysql操作
本章是MySQL的最后一章，MySQL到此完结，下一站Hadoop！！！ 这章很简单，完整代码在最后，详细讲解之前python课程里面也有，感兴趣的可以往前找一下 一、查询操作 我们需要打开pycharm …...
32单片机——基本定时器
STM32F103有众多的定时器，其中包括2个基本定时器（TIM6和TIM7）、4个通用定时器（TIM2~TIM5）、2个高级控制定时器（TIM1和TIM8），这些定时器彼此完全独立，不共享任何资源 1、定…...