今日は、jQuery のマニュアルに従って、セレクターの使用方法を学習しました。ユーザー登録の検証を作成しようとしましたが、開始する前に、予想外に非常に小さな問題に遭遇しました。 初めての方は必ず細かい点に遭遇することになります。この記事は自己啓発のみを目的としています: コードのテスト部分は次のとおりです: コードをコピーします コードは次のとおりです: < /script> <br><script type="text/javascript"> <br><br>function checkUser(){ //ユーザー名をチェックする関数<br>alert("OK "）; //テスト。 。 。 <br>} <br><br>$(document).ready(function(){ <br><br>$(":text :first").blur(function (){ //フォーカスが失われたときにトリガーされます<br><br>/**ここは私が長い間苦労してきたところです。もちろん、取得したいのはユーザー登録要素なので、上記のように <br><br>* セレクターを使用しますが、結果はまったく機能しません。コードを確認すると、まったくエラーがないことがわかりました。それで、何が問題なのでしょうか？ <br><br>*セレクターの使用に問題がありますか? #id セレクターに切り替えたところ、問題ありませんでした。しかし、理論的には、上記のセレクターは間違いなく問題ありません。 <br><br>*$(":input :text") を再度使用しました。エラーです。 $(":input :eq(0)"); エラー! 女の子！何が問題ですか? <br><br>* この時、:text と :first の間のスペースを手で削除してしまいました。 実行するとすぐに動き始めました。思い切って <br><br>* セレクターをもう一度試してみてください。すべて問題ありません。多くのテストを行った結果、次の結果が得られました: <br><br>* 内部関係を含む組み合わせセレクターを使用する場合、それらの間にスペースを追加することはできません。 $(":text :first)" エラー! $(":text:first) <br><br>**/ 正解です! 階層組み合わせセレクターを使用する場合は、間にスペースが必要です <br><br>}); > <フォーム> ;/legend> ユーザー名 パスワード ="パスワード"> メール 🎜>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
