jquery页面无刷新html加载

最新推荐文章于 2021-08-06 16:22:27 发布

原创最新推荐文章于 2021-08-06 16:22:27 发布 · 7.7k 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

jquery 专栏收录该内容

14 篇文章

订阅专栏

这段代码展示了如何使用jQuery的.load()方法实现在页面不刷新的情况下，动态加载新的HTML内容到指定元素，例如将'choicePeople.html'的内容加载到'#info'元素中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body id="info">
<div id="picture">
    <div class="childWrap">
        <div class="childAge">
            <p class="clildp">年龄</p>
            <a class="childup" href="javascript:;" ms-click="addAge" ms-class="hd:hideAgeBtn"></a>
            <a href="javascript:;" class="clildCont" ms-focus="ageOn(1)">{{age}}</a>
            <a class="chliddown" href="javascript:;" ms-click="subAge" ms-class="hd:hideAgeBtn"></a>
        </div>

    </div>
</div>
<script src="js/jquery-1.10.2.min.js"></script>
<script>

$(".childNext").click(function(){

//无刷新加载页面

$('#info').load('choicePeople.html');

//$('#picture').load('h-2.html #picture'); 替换某一部分的内容

});
</script>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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