整理jQuery的基础语法

Original 2019-06-30 21:42:45 283
abstract:整理jQuery的基础语法:<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>jQuery</title>  &

整理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代码
       })

Correcting teacher:天蓬老师Correction time:2019-07-01 17:45:14
Teacher's summary:jQuery, 做为一个古老的前端框架, 一直以来是前端程序员的最爱, 掌握它还是很有必要的.....

Release Notes

Popular Entries