首页 > 网站 > WEB开发 > 正文

【jQuery】简单的点击删除按钮清空输入框的内容

2024-04-27 15:16:40

字体：大中小

来源：转载

供稿：网友

这里写图片描述测试代码如下：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <div> <div class="text"> 出发地：<input type="text"/> 目的地：<input type="text"/> </div> <input class="btn" type="button" value="X"/> </div> <script src="../js/jquery-1.11.3.js"></script> <script type="text/javascript"> $(document).ready(function(e){ /*点击删除清空输入框的内容*/ $('.btn').click(function(){ $('.text input').val(''); }); }); </script></body></html>

注意：必须引入jquery-1.11.3.js才能看到效果。

上一篇：jquery的$().each,$.each的区别

下一篇：react state问题(笔记)

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注