<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jquery学习</title> <script src="js/jquery-3.5.1.min.js"></script> </head> <body> <form> <input type="text" class='classSelect'> </form> <p></p> <script> $(function() { $div1 = $('.classSelect'); $div1.attr('value', '测试学习 学习'); $('p').text('哈哈哈'); }); </script> </body> </html>
代码如上,用vscode引用变量“$div1”时,没有代码提示,很难受,找了一圈才发现没有用var 或者let进行申明,虽然可以执行,但是后面的引用会没有代码提示。 所以还是要注意代码书写规范。第18行改成。
var $div1 = $('.classSelect');