html如何实现局部刷新

2025-10-22 04:12:35

1、新建html文件

<table>

        <tr>

            <td class="td1"净矿矿>第一行</td>

            <td><button id="but1">刷新</button></td>

        </tr>

        <tr>

            <td class="td2">第二行</td>

            <td><button id="but2">刷新</button></td>

        </tr>

        <tr>

            <td class="td3">第三行</td>

            <td><button id="but3">刷新</button>返仗</td>

        </tr>

    </table>

2、引入js文件

<script src="__PUBLIC__/js/jquery-1.11.3.min.js"></script>

3、js网盘链接

https://pan.baidu.com/s/1GOSDp9mWY3TGLykfydNUTA

4、jq代码 点击刷新按钮时局部刷新内容

$(function(){

        $("#but1").click(function() {

            $(".td1").html("刷新了第一行");

        })

        $("#but2").click(function() {

            $(".td2").html("刷新了第二行");

        })

        $("#but3").click(function() {

            $(".td3").html("刷新了第三行");

  购沟      })

    });

html如何实现局部刷新

5、最后执行文件测试结果

html如何实现局部刷新

html如何实现局部刷新

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢