JQ实现简单的图书管理(增删)

本文介绍如何使用JQuery(JQ)实现一个简单的图书管理功能,包括添加和删除图书的操作。通过一个没有实际服务器交互的表单展示,强调在实际开发中应使用form标签的专业性。内容中利用ul li结构展示图书列表,并用JQ的click方法与on()方法处理用户交互,特别是对于已添加图书的删除操作,使用on()确保对动态添加元素的支持。
摘要由CSDN通过智能技术生成

要实现的就是这么一个简单的界面
在对话框中填入书名会添加在下面的列表中
点击列表中的删除键可以将所选项移除
如果不输入任何内容点击添加图书会弹出提醒
首先看到第一张,上半部分一个提交对话框,下面一个列表,通过“添加图书”这个按钮将两部分链接在一起。
首先是上半部分:

<label>请输入书名:</label> <input type="text">
    <p><button>添加图书</button> 当前有<span>3</span>本书</p>

这里虽然明显看就是一个表单,但是我没有写form,应为没有实际的页面与WEB服务器交互过程,但是在实际开发中应该是要写进去,这样比较专业;
然后是下半部分,有点基础的应该可以看出使用ul li写的,其实也可以用<div>,这里还是专业问题,虽然用<div>可以实现同

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值