【jQuery笔记Part1】02-jQuery代码风格

jQuery笔记目录

1. 代码风格

在 jQuery 程序中,不管是页面元素的选择内置的功能函数的调用,都是美元符号 $ 来起始的。而这个 $ 就是 jQuery 当中最重要且独有的 jQuery 函数

:jQuery 是对JS的封装库, 本质就是JS, 所以,可以正常写JS代码,但是 JS 中要使用 jQuery 需要集成。

2. 基本语法格式

$(selector).action()
美元符号 $ 定义 jQuery,选择符(selector)查询 HTML 元素,包括 this标签名称.类名#id
jQuery 的 action() 执行对元素的操作

$(function () {}); 执行一个匿名函数

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02-jQuery代码风格</title>
</head>
<body>
    <p>暑假要结束了!</p>
    <button class="btn" id="btn">来吧!</button>

    <script src="js/jquery-3.5.1.min.js"></script>
    <script>
        window.onload = function () {
            /*点击按钮,使得p标签内的文字更换显示*/
            $('#btn').on('click', function () {
                $('p').html("我只想学习");
            })
    
            /*进入时弹出对话框上面显示0*/
            $(function () {
                alert(0);
            });
        }
    </script>
</body>
</html>

运行结果:
在这里插入图片描述
点击按钮
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

萌宅鹿同学

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值