年年有"余"

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2684|回复: 0

[jQuery] 1、jQuery基本使用

[复制链接]
  • TA的每日心情

    2024-10-15 10:05
  • 签到天数: 372 天

    [LV.9]以坛为家II

    发表于 2016-2-16 17:03:55 | 显示全部楼层 |阅读模式
    本帖最后由 Sian 于 2016-2-16 22:39 编辑

    [HTML] 纯文本查看 复制代码
    <!DOCTYPE html>
    <html>
            <head>
            <title>jQuery基本操作</title>
            <meta charset="utf-8"/>
            <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
            <script>
                    /*
                            1、$代表jQuery这个类本身,$()等同于jQuery()
                            2、function(){}表示一个匿名函数
                            3、$('button')参数传入的是选择器,选择器来源于css中选择器的定义;
                            4、基本语法结构为:$(选择器).方法(函数);
                            5、如果无法理解,先学习Html、CSS、JavaScript
                    */
                    // DOM对象预处理
                    $(document).ready(function(){
                            // button标签的click事件
                            $('button').click(function(){
                                    // 窗口弹出####
                                    alert("####");
                            });
                    });
            </script>
            </head>
            <body>
                    <button>按钮</button>
            </body>
    </html>

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    手机版|小黑屋|Archiver|iOS开发笔记 ( 湘ICP备14010846号 )

    GMT+8, 2024-12-22 16:24 , Processed in 0.047572 second(s), 18 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表