jquery 学习笔记1

替换函数replaceWith()


把所有的p标签替换为“##”

$('p').replacewith('##')

执行后的结果

<body>
##
##
##

利用replaceWith,把所有p标签替换为b标签,内容不变:

$('p').each(function(){
    $(this).replacewith('<b>'+$(this).html()+'</b>');
})
结果

〈body>
<b>哈哈</b>
<b>哈哈</b>
<b>哈哈</b>

如果你开发的是一个多语言的网站,甚至可以利用这个特性,比如,在你需要翻译的文字上加上i标签,然后遍历翻译替换。

假如页面dom结构如下:


我们要把页面中的i标签里的文本给翻译,页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库:

var translate = {
'苹果':'apple',
'电脑':'pc'
}
然后我们可以这样执行翻译替换

$('i').each(function(){
$(this).replacewith(translate[$(this).html()]);
});

执行效果


页面效果


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值