jquery 学习笔记1

来源：互联网发布：淘宝开网店要不要注册编辑：程序博客网时间：2024/06/05 07:25

替换函数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()]);});

执行效果

页面效果

0 0