整理jQuery的基础语法:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery</title> <script src="static/js/jquery-3.4.1.js"></script> </head> <body> <div style="width: 100px;height: 100px;background-color: #ff5500"></div> <input type="button" value="显示"> <script> //文档就绪函数,基本格式: $(document).ready(function () { //jQuery代码,此函数防止文档完全加载之前,运行js代码 $('div').hide(); $('input').click(function () { $('div').show(); }) }) </script> </body> </html>
总结:
1、jQuery基本语法:$(selector).action()
2、文档就绪函数,基本格式:
$(document).ready(function () {
//这里放jQuery代码,此函数防止文档完全加载之前,运行js代码
})