四：Day08—jQuery02

已于 2023-10-02 20:32:21 修改
阅读量56 收藏
点赞数
文章标签： java jquery
于 2023-10-02 19:08:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51318621/article/details/133499144
版权

一、DOM编程

1. 操作文本

  • html() 相当于innerHTML

    • html() 获取文本节点（标签+文本）
    • html(标签) 添加标签，会覆盖原有的所有内容

  • text() 相当于innerText

    • text() 获取文本节点（文本）
    • text(文本内容) 添加文本，会覆盖原有的所有内容
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.js"></script>
    <script>
        $(function () {
            //获取文本节点
            var html = $("#div1").html();
            var text = $("#div1").text();
            console.log(html);
            console.log(text);

            //设置文本节点
            $("#div2").html("<h2>h2</h2>");
            $("#div3").text("#div3");
        });
    </script>
</head>
<body>
    <div id="div1">
        <p>p1</p>
        <p>p2</p>
    </div>
    <div id="div2">div2</div>
    <div id="div3">div3</div>
</body>
</html>

2. 操作属性

  • attr(属性名) 获取属性值

  • attr(属性名, 属性值) 设置属性值

  • removeAttr(属性名) 移除属性

  • prop(属性名) 获取属性值

  • prop(属性名, 属性值) 设置属性值

    • jQuery 1.6新增加prop()方法。如checked, selected、readonly、disabled 使用prop()时，返回值是true或者false，更加方便处理。

  • val() 获取value属性值

  • val(值) 设置value属性值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            $('#btn1').click(function () {
                console.log($('a').attr('href'));
            });

            $('#btn2').click(function(){
                $('a').attr('href', 'https://www.baidu.com');
            });

            $('#btn3').click(function(){
                $('a').removeAttr('href');
            });

            $('input:submit').prop('disabled', true);

            $('#agree').change(function(){
                // alert(1);
                if($(this).prop('checked')){
                    $('input:submit').prop('disabled', false);
                }else{
                    $('input:submit').prop('disabled', true);
                }
            });
        })
    </script>
</head>
<body>
<a href="https://www.jd.com">京东</a><br>
<button id="btn1">测试attr获取属性的值</button>
<br>
<button id="btn2">测试attr修改属性的值</button>
<br>
<button id="btn3">测试removeAttr</button>
<br>

<h2>注册</h2>
<hr>
<form action="">
    账号: <input type="text"><br>
    密码: <input type="text"><br>
    <input type="checkbox" name="agree" id="agree">我同意协议 <br>

    爱好：<select name="hobby" id="hobby">
            <option value="篮球">篮球</option>
            <option value="足球">足球</option>
            <option value="网球">网球</option>
        </select>
    <input type="submit" value="注册">
</form>
</body>
</html>

3. 操作元素

  • append()、appendTo() 添加子元素节点（末尾）

    • 父元素节点.append(新的子元素节点)
    • 新的子元素节点.appendTo(父元素节点)

  • prepend()、prependTo() 添加子元素节点（前置）

  • before() 、insertBefore() 添加平级元素节点（前面）

  • after()、insertAfter() 添加平级元素节点（后面）

  • parent() 获取父元素节点

  • remove() 删除元素节点

  • empty() 删除子元素节点

3.1 案例1
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            border: 1px solid red;
            width: 100px;
            height: 100px;
        }
    </style>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            $('#btn1').click(function(){
                $('div').append('<span>我是新加的span！</span>');
                // $('<span>我是新加的span！</span>').appendTo($('div'));
            });

            $('#btn2').click(function(){
                $('div').prepend('<span>我是新加的span！</span>');
            });

            $('#btn3').click(function(){
                $('div').before('<h2>我是新加的标题！</h2>');
                // $('<h2>我是新加的标题！</h2>').insertBefore($('div'));
            });

            $('#btn4').click(function(){
                $('div').after('<h2>我是新加的标题！</h2>');
            });

            $('#btn5').click(function(){
                $('span').replaceWith('<h3>我是标题h3</h3>');
                // $('<h3>我是标题h3</h3>').replaceAll('span');
            });

            $('#btn6').click(function(){
                $('div').remove();
            });

            $('#btn7').click(function(){
                $('div').empty();
            });
        })
    </script>
</head>
<body>
    <div>
        <span>我是span1.</span>
        <span>我是span2.</span>
        <span>我是span3.</span>
    </div>

    <button id="btn1">测试append</button>
    <br>
    <button id="btn2">测试prepend</button>
    <br>
    <button id="btn3">测试before</button>
    <br>
    <button id="btn4">测试after</button>
    <br>
    <button id="btn5">测试replaceWith</button>
    <br>
    <button id="btn6">测试remove</button>
    <br>
    <button id="btn7">测试empyt</button>
</body>
</html>
3.2 案例2

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.js"></script>
    <script>
        $(function () {
            $("#addBtn").click(function () {
                $("#lastTr").before(
                    '<tr>' +
                        '<td></td>' +
                        '<td>' +
                            '<input type="file">' +
                            '<input type="button" class="delBtn" value="删除">' +
                        '</td>' +
                    '</tr>'
                );
            });
            //为动态生成的标签绑定事件的监听
            $(document).on('click', '.delBtn', function () {
                $(this).parent().parent().remove();
            });
        });
    </script>
</head>
<body>
<table>
    <tr>
        <td>用户名</td>
        <td><input type="text" name="username"></td>
    </tr>
    <tr>
        <td>照片</td>
        <td>
            <input type="file" name="photo">
            <input type="button" id="addBtn" value="添加">
        </td>
    </tr>
    <tr id="lastTr">
        <td colspan="2">
            <input type="submit" value="注册">
            <input type="reset" style="margin-left: 30px">
        </td>
    </tr>
</table>
</body>
</html>

二、操作CSS

可以通过JavaScript或jQuery对页面元素的样式进行动态设置，实现页面样式的动态改变。

1. 直接操作CSS样式

  • css(css)
  • css(css,val)
  • css({css1:val1,css2:val2,……})
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(function(){

            $('li').mouseover(function(){
                // alert($(this).css('background-color'));
                // $(this).css('background-color', 'red');
                $(this).css({'background-color' : 'red', 'font-size' : '25px'});
            });

            $('li').mouseout(function(){
                $(this).css('background-color', '');
            });

        })
    </script>
</head>
<body>
    <ul>
        <li>赵敏</li>
        <li>张无忌</li>
        <li>金毛狮王</li>
        <li>灭绝师太</li>
    </ul>
</body>
</html>

总结：

  • 本质上是修改指定元素的style属性的值。
  • 缺点是会涉及多个css样式的修改，稍显繁琐。可以将多个css样式定义为class类样式，直接操作class属性值即可。

2. 操作类样式

  • addClass(值) 追加类属性值，而不是覆盖
  • removeClass(值) 移除属性值
  • toggleClass(值) 不存在，添加。存在，移除
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            $('div').mouseover(function(){
                $(this).removeClass('out');
                $(this).addClass('over');
            });

            $('div').mouseout(function () {
                $(this).removeClass('over');
                $(this).addClass('out');
            });

            $('button').click(function(){
                $('h2').toggleClass('over');
            });
        })
    </script>

    <style>
        .over{
            background-color: red;
        }

        .out{
            background-color: white;
        }

        div{
            border: 1px solid red;
            width: 200px;
            height: 200px;
        }
    </style>
</head>
<body>
    <div>

    </div>

    <h2>
        锋利的jQuery！
    </h2>
    <button>切换样式的开关</button>
</body>
</html>

总结：

  • 本质是修改指定元素的class属性值。

  • addClass()只负责追加，而不是覆盖，所以必要时需要和removeClass()结合使用

三、表单验证

1. 用户注册时进行表单验证

验证要求：

  1. 用户名不能为空
  2. 用户名长度大于6
  3. 密码同用户名的校验
  4. 邮箱格式正确, 必须包含@

实现：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .err{
            color: red;
        }
        .ok{
            color: green;
        }
    </style>
    <script src="jquery.js"></script>
    <script>
        $(function () {
            //用户名校验
            $("input:eq(0)").blur(function () {
               var val = $(this).val();
               if(val=="" || val==null){
                   $("tr:eq(0)>td:eq(2)").html("<span class='err'>× 用户名不能为空</span>");
               }else if(val.length<6){
                   $("tr:eq(0)>td:eq(2)").html("<span class='err'>× 用户名长度不能少于6位</span>");
               }else {
                   $("tr:eq(0)>td:eq(2)").html("<span class='ok'>√ 用户名合法</span>");
               }
            });
            //密码校验
            $("input:eq(1)").blur(function () {
                var val = $(this).val();
                if(val=="" || val==null){
                    $("tr:eq(1)>td:eq(2)").html("<span class='err'>× 密码不能为空</span>");
                }else if(val.length<6){
                    $("tr:eq(1)>td:eq(2)").html("<span class='err'>× 密码长度不能少于6位</span>");
                }else {
                    $("tr:eq(1)>td:eq(2)").html("<span class='ok'>√ 密码合法</span>");
                }
            });
            //邮箱验证
            $("input:eq(2)").blur(function () {
                var val = $(this).val();
                if(val=="" || val==null){
                    $("tr:eq(2)>td:eq(2)").html("<span class='err'>× 邮箱不能为空</span>");
                }else if(val.indexOf("@") == -1){
                    $("tr:eq(2)>td:eq(2)").html("<span class='err'>× 邮箱格式不正确</span>");
                }else {
                    $("tr:eq(2)>td:eq(2)").html("<span class='ok'>√ 邮箱合法</span>");
                }
            });
            //手机号码校验
            $("input:eq(3)").blur(function () {
                var val = $(this).val();
                if(val=="" || val==null){
                    $("tr:eq(3)>td:eq(2)").html("<span class='err'>× 手机号码不能为空</span>");
                    return;
                }
                if(val.length!=11){
                    $("tr:eq(3)>td:eq(2)").html("<span class='err'>× 手机号码必须为11位</span>");
                    return;
                }
                for (var i=0;i<val.length;i++){
                    if (isNaN(val.charAt(i))){
                        $("tr:eq(3)>td:eq(2)").html("<span class='err'>× 手机号码格式不正确</span>");
                        return;
                    }
                }
                $("tr:eq(3)>td:eq(2)").html("<span class='ok'>√ 手机号码合法</span>");

            });
            //协议
            $("#ck").click(function () {
                var prop = $("#btn").prop("disabled");
                if (prop){
                    $("#btn").prop("disabled", false);
                }else {
                    $("#btn").prop("disabled", true);
                }
            });
            //提交
            $("#btn").click(function () {
               $(".inp").trigger('blur');
               var length = $(".err").length;
               if (length > 0){
                   return false;
               }
               return true;
            });
        });
    </script>
</head>
<body>
    <div style="text-align: center">
        <h2>注册页面</h2>
        <hr>
        <form action="https://www.baidu.com" method="get">
            <table align="center">
                <tr>
                    <td>用户名：</td>
                    <td><input class="inp" type="text" name="username" id="username"></td>
                    <td></td>
                </tr>
                <tr>
                    <td>密码：</td>
                    <td><input class="inp" type="password" name="password" id="password"></td>
                    <td></td>
                </tr>
                <tr>
                    <td>邮箱：</td>
                    <td><input class="inp" type="text" name="email" id="email"></td>
                    <td></td>
                </tr>
                <tr>
                    <td>手机号：</td>
                    <td><input class="inp" type="text" name="phone" id="phone"></td>
                    <td></td>
                </tr>
                <tr>
                    <td>性别：</td>
                    <td align="left">
                        <input type="radio" name="sex" checked> 男
                        <input type="radio" name="sex"> 女

                    </td>
                </tr>
                <tr>
                    <td>爱好：</td>
                    <td align="left">
                        <input type="checkbox" name="hobby" checked> 学习
                        <input type="checkbox" name="hobby" checked> 整天学习
                    </td>
                </tr>
                <tr>
                    <td colspan="2"><input id="ck" type="checkbox"> 同意协议</td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="submit" id="btn" value="注册" disabled>
                        <input type="reset">
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>

缺点:
仅能简单的校验长度，是否为空，是否为数字等。

​

四、正则表达式

1. 概述

  • 为什么使用正则表达式

    1. 简洁的代码
    2. 严谨的验证文本框中内容

  • 正则表达式举例

    1. 匹配国内电话号码：^\d{3}-\d{8}|\d{4}-\d{7}$
    2. 匹配腾讯QQ号：^[1-9][0-9]{4,} $
    3. 匹配中国邮政编码：^\d{6} $
    4. 匹配身份证：^\d{15}|\d{18} $
    5. 匹配由数字和26个英文字母组成的字符串 1+$
    6. 匹配Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
    7. 匹配中文字符的正则表达式： 2 $

  • 什么是正则表达式

    1. Regular Expression，在代码中常简写为regex
    2. 正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。
    3. 在很多文本编辑器里，正则表达式通常被用来检索、替换那些符合某个模式的文本。

  • 如何创建正则表达式

    1. var reg=/china/;
    2. var reg=new RegExp(“china”);

  • 正则表达式的通配符号
    在这里插入图片描述

  • 正则表达式的重复字符
    在这里插入图片描述

​ 常用的正则表达式参照：https://tool.oschina.net/regex
​ http://www.w3s.com.cn/js/jsref_obj_regexp.asp

2. 案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            $('#regTest').blur(function(){
                var val = $(this).val();

                //[abc]表示匹配字符串中包含a b c 中的任意一个即可！
                // var reg = /[abc]/;

                //[a-z]表示匹配字符串中是否包含 a-z 之间的任何一个字符
                // var reg = /[a-z]/;

                //[A-Z]表示匹配字符串中是否包含 A-Z 之间的任何一个字符
                // var reg = /[A-Z]/;

                //[0-9]表示匹配字符串中是否包含 0-9 之间的任何一个或多个字符
                // var reg = /[0-9]/;

                // \w表示匹配字符串中是否包含 字母、数字、下划线中的任意一个
                // var reg = /\w/;

                //n+ 表示匹配字符串中至少包含一个n
                // var reg = /a+/;

                //a* 表示匹配字符串中包含 零个 或 多个 a
                // var reg = /a*/;

                //a? 表示匹配字符串中包含 零个 或 1个 a
                // var reg = /a?/;

                //a{3} 表示匹配字符串包含 连续的3个a
                // var reg = /a{3}/;

                //a{X, Y} 表示匹配字符串包含连续的 X 个 或 Y个a
                // var reg = /a{2,3}/;

                //a{3,} 表示匹配字符串包含至少 3个连续的a
                // var reg = /a{3,}/;

                //a$ 表示匹配字符串以a结尾
                // var reg = /a$/;

                //^a 表示匹配字符串必须以a开头
                // var reg = /^a/;

                //^   $/ 就是完全匹配
                var reg = /^a{3,5}$/;

                if(reg.test(val)){
                    alert('字符串合法！');
                }else{
                    alert('字符串不合法！');
                }
            });
        })
    </script>
</head>
<body>
    <input type="text" id="regTest">
</body>
</html>

3. 使用正则表达式进行表单验证

验证邮政编码、邮箱、手机号！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script>

        $(function(){
            $('#postcode').blur(function(){
                var reg = /[1-9]\d{5}(?!\d)/;

                var postcode = $(this).val();
                if(reg.test(postcode)){
                    alert('合法！');
                }else{
                    alert('不合法！');
                }
            });
        })
    </script>
</head>
<body>
<form action="">

    邮政编码：<input type="text" id="postcode"><br>
    手机号：<input type="text" id="phone"><br>
    邮箱：<input type="text" id="email"><br>

</form>
</body>
</html>

  1. A-Za-z0-9 ↩︎

  2. \u4e00-\u9fa5 ↩︎

新手小菜鸟上路
关注
日期选择器：jquery datepicker的使用
stationinthemind的博客
11-06 4833
在jquery ui中，提供了一个非常实用的日期选择器：datepicker，使用它能非常方便的展现日历中的日期，灵活配置相关选项，包括日期格式、范围等。我们经常在WEB应用中用到datepicker，比如要求用户输入日期进行相关查询的。我们很早之前就应用datepicker到很多项目中，今天整理成文与大家分享。demodownload下载源码。
dailyPlanner:JavaScript，jQuery，day.js HTML，Bootstrap应用程序可跟踪每日日历事件
04-06
每日计划是一款基于JavaScript、jQuery、day.js和HTML技术构建的日历事件管理应用，结合了Bootstrap框架，提供了用户友好的界面和高效的时间管理功能。这款应用允许用户方便地查看和记录每天的日程，从而提高时间...
javaweb学习（day12-jQuery)
weixin_51580177的博客
04-23 1169
jquery就是简化了dom的操作，也确实很方便
jQuery-Day3
2401_85122909的博客
06-10 756
🏆 学习の目标能够说出4种常见的注册事件能够说出 on 绑定事件的优势能够说出 jQuery 事件委派的优点以及方式能够说出绑定事件与解绑事件能够说出 jQuery 对象的拷贝方法能够说出 jQuery 多库共存的2种方法能够使用 jQuery 插件🥇 一、jQuery 事件注册​ jQuery 为我们提供了方便的事件注册机制，使开发人员易于操作，优缺点如下：优点: 操作简单，且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。
前端基础：Day03
华山栈道的博客
04-27 1540
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="renderer" content="webkit"> <link rel="shortcut icon" href="images/favicon.
学习Java的日子 Day67 jQuery，选择器
weixin_69595694的博客
08-14 929
2.初始jQuery 3.jQuery选择器 3.1 jQuery选择器的分类 3.2 基本选择器 3.2.1 通配符选择器 * 3.2.2 id选择器 3.2.3 class选择器 . 3.3.4 标签选择器 3.3 群组选择器 , 3.4 派生/上下文关系选择器 选择器 功能描述 ancestor descendant 根据祖先元素匹配所有的后代元素 parent＞child 根据父元素匹配所有的子元素 prev+next 匹配prev后的相邻元素
Jquery-day01
weixin_50519232的博客
04-26 1516
jquery是一个js工具库，它是对js的封装形成工具类。 jquery选择器： 一. jquery操作DOM 1.如何获取dom get()获取到的是一个dom对象 console.log($("tr").get(1)); jquery转dom jq[0] dom转化为jquery $(js对象) con...
关于jQuery日历插件：daterangepicker
qq_45856381的博客
03-04 453
singleDatePicker: false 双日历，true 单日历。timePicker：false 不显示时分秒，true 显示时分秒。timePickerIncreament：1 默认值。
7.23 Day27 ----- jQuery
qq_63771774的博客
07-23 439
在idea中下载jQuery 建一个01.jQuery选择器 HTML文件 建一个02.val()操作元素的value HTML文件 建一个03.使用元素的事件属性监听事件 HTML文件 建一个04.使用jQuery监听事件 HTML文件 建一个06.事件冒泡(事件传播)，事件委托 HTML文件 ...
day44_jquery
CSDN_AF的博客
04-14 969
Jquery课件1 Jquery简介 为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的 Web2.0 特性的富客户端页面, 并且兼容各大浏览器 当前流行的 JavaScript 库有: jQuery, MooTools, Prototy
Day10_JQuery&Ajax（MarkDown版）
qq_40233706的博客
09-03 519
Day10_JQuery&Ajax 全天目标 1.了解JQuery的基本概念 2.通过入门案例掌握JQuery的使用步骤 3.理解JQuery对象和JS对象区别与转换 4.掌握JQuery的基本选择器 5.掌握JQuery的属性选择器 6.掌握JQuery的常用DOM操作 7.理解JQuery遍历 8.理解JQuery绑定事件 9.理解JQuery事件切换 10.了解Ajax的概念 11....
CountDown-jQuery-plugin:CountDown-jQuery-插件
05-20
'day': 0, 'month': 0, 'year': 0, 'hour': 0, 'min': 0, 'sec': 0 } }); }); ####按特定日期/时间设置 function set_by_date() { $('#countdown_dashboard').stopCountDown(); $...
Work-Day-Scheduler-Jquery:使用jquery和时刻制作的调度程序
04-04
【标题】"Work-Day-Scheduler-Jquery:使用jquery和时刻制作的调度程序"是一个项目，它利用了jQuery和Moment.js库来创建一个实用的工作日程安排工具。这个工具旨在帮助用户高效地管理他们的时间，特别是在工作日中。 ...
jquery-scheduler:与jQuery配合使用的日程安排器
05-13
jQuery调度程序 什么？ 这是一个简单的jQuery插件，可通过单击和拖动鼠标来创建事件/约会/预订。 它提供了一个带多个预订项目的时隙的日视图日历。 实施速度很快，并且用户方面的开发需求很少。 它仍在开发中，需要...
JavaScript ArrayBuffer的读写与类型转换
最新发布
白瑕 的博客
10-01 427
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
spring-boot 整合 mybatis
m0_72168501的博客
09-29 531
spring boot 整合 mybatis
Java内存布局
阿呆的专栏
10-01 793
64位 JVM 不启用指针压缩时：Object Header 大小是16字节。64位 JVM 启用指针压缩时（默认）：Object Header 大小是12字节。32位 JVM：Object Header 大小是8字节。JVM在默认情况下启用指针压缩，但如果堆内存超过32GB，就会禁用指针压缩。32GB是压缩指针的最大寻址范围。超过32GB的堆内存中，压缩指针带来的性能提升并不显著，而且需要解压指针反而可能增加开销。
【开源免费】基于SpringBoot+Vue.JS校园资料分享平台（JAVA毕业设计）
customer08的博客
09-30 1254
校园资料分享平台是一个B/S模式系统，采用Spring Boot框架作为开发技术，MYSQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得校园资料分享平台管理工作系统化、规范化。
C#基础：掌握控制流语句，构建灵活的程序逻辑
学习和分享
09-28 329
在C#中，控制流语句是用来控制程序执行流程的重要部分。它们允许你根据条件执行不同的代码块，或者重复执行某些代码块直到满足特定条件。
轻松掌握jQuery：15天学习教程
Day0的介绍提到了jQuery是一个强大的JavaScript库，让开发者能够用更少的代码实现复杂的页面效果。 jQuery的"what"：作为一个库，jQuery主要目标是使JavaScript编程变得更加简单，特别是对于DOM操作、事件处理、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值