この記事の例では、jQuery を使用してテキスト ボックスのデフォルト値を設定および削除する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
最初、テキスト ボックスはデフォルト値に設定されています。カーソルがテキスト ボックスに移動すると、テキスト ボックスの現在の値がデフォルト値の場合はクリアされ、テキスト ボックスの値が空の場合は、テキスト ボックスの値がデフォルト値に設定されます。デフォルト値。
コードは次のとおりです:
$(document).ready(function() {
//each遍历文本框
$(".input").each(function() {
//保存当前文本框的值
var vdefault = this.value;
$(this).focus(function() {
//获得焦点时，如果值为默认值，则设置为空
if (this.value == vdefault) {
this.value = "";
}
});
$(this).blur(function() {
//失去焦点时，如果值为空，则设置为默认值
if (this.value == "") {
this.value = vdefault;
}
});
});
});この記事が皆さんの jQuery プログラミングに役立つことを願っています。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
