当前位置: 首页 > news >正文

jQuery里添加事件 (代码)

直接上代码

<!DOCTYPE html>
<html><head></head><body><input type="text" placeholder="城市" id="city" /><input type="button" value="添加" id="btnAdd" /><ul id="cityList"><li class="info">AA</li><li class="info">BB</li></ul><script src="js/jquery-3.7.1.min.js"></script><script>$("#btnAdd").click(function () {var data = $("#city").val();var li = $("<li>").text(data).addClass('info');$("#cityList").append(li)})$("#cityList").on('click', '.info', function() {var text = $(this).text();console.log(text)})</script></body>
</html>

点个赞再走呗~

http://www.lryc.cn/news/352412.html

相关文章:

  • Java数组的使用
  • 如何参与github开源项目并提交PR
  • 拼多多携手中国农业大学,投建陕西佛坪山茱萸科技小院
  • 技术前沿 |【自回归视觉模型ImageGPT】
  • Manjaro linux install RedisGUI (RedisInsight)亲测2024-5-25
  • debian/control文件中常见字段的介绍
  • c++题目_农场和奶牛
  • DDD领域设计在“图生代码”中的应用实践
  • LabVIEW舱段测控系统开发
  • [leetcode]第 n个丑数
  • STM32-电灯,仿真
  • 《SpringBoot》系列文章目录
  • 牛客小白月赛94VP
  • php 亚马逊AWS-S3对象存储上传文件
  • electron-01 基础及NPM相关配置
  • Foxit PDF Editor Pro福昕PDF编辑器Pro:重塑您的文档编辑体验
  • VUE 页面生命周期基本知识点
  • windows查看mysql的版本(三种方法)
  • Redis批量删除指定前缀的key
  • 机器学习实验------Adaboost算法
  • 点云处理中阶 Octree模块
  • Nginx实现负载均衡与故障检查自动切换
  • 2024年学浪视频怎么下载到手机相册
  • 【北京市政府网_注册安全分析报告】
  • 工作中的冲突,职场人士应如何化解
  • 企业级大数据平台建设方案
  • HTML语义化标签:为何它们如此重要?
  • 详细介绍一下Votenet的工作原理及流程
  • 使用Autofit.js和React实现自适应布局
  • Kafka之【存储消息】