javascript – 如何简化jquery代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何简化jquery代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1125字，纯文字阅读大概需要2分钟。

内容图文

目的是检测页面加载输入值是否更改后.

例如,输入字段(19个字段)

<input type="text" name="date_day1" id="date_day1" value=" >
<input type="text" name="date_month1" id="date_month1" value=" >
<input type="text" name="date_year1" id="date_year1" value=" >
<input type="text" name="amount1" id="amount1" value=" >

然后像这样隐藏输入字段

<input type="text" name="is_row_changed1" id="is_row_changed1" value="">
<script>

$("#date_day1").on("change", function () {
    document.getElementById('is_row_changed1').value = 1;
});

$("#date_month1").on("change", function () {
    document.getElementById('is_row_changed1').value = 1;
});

</script>

如果在任何输入字段(19个字段)中的值发生了变化,那么我需要在这个隐藏的输入字段中反映它(我决定将隐藏的输入字段值设置为1).

之后用php我用ajax检查隐藏的输入字段值是否为1.如果是1,则更新mysql.目标是减少服务器资源的使用.

题
隐藏输入字段的Javascript代码很长.可能是某种方式(代码)制作更短(更简单)？

解决方法:

为每个输入添加一个row_changed类,然后您可以通过一次调用将它们全部定位：

$(".row_changed").on("change", function () {
document.getElementById('is_row_changed1').value = 1;
});

(您还可以使用QuickSilver的评论进一步简化它.)

内容总结

以上是互联网集市为您收集整理的javascript – 如何简化jquery代码全部内容，希望文章能够帮你解决javascript – 如何简化jquery代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端