网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

html如何实现局部刷新

时间:2024-10-11 22:50:51

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如何实现局部刷新
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com