jquery元素替换,jquery 字符串替换
JQUERY正则表达式替换
答案是肯定的,先试试正则的效果。把所有图片宽度设成90%,最简单的方法是在img标签中加入style属性,然后在style中指定宽度。
在汝南等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站制作、网站设计 网站设计制作按需开发网站,公司网站建设,企业网站建设,高端网站设计,成都营销网站建设,外贸网站制作,汝南网站建设费用合理。
用正则,第一步,先要匹配到所有img标签,由于img标签不一定有style属性,要先判断是否有style属性,接下来直接在style属性中加入width: 90%;?不,这样可能会覆盖掉原有的其他属性,那就直接追加,追加不会覆盖!还是不行,万一原来就有width呢。。。
还没开始写正则表达式,先想想过程,就已经很繁琐了,其实实现起来更加复杂。
幸好我们可以换个思路,借助于jQuery解决这个问题。
jQuery强大之处在于,它能直接将一个html字符串包装成dom元素,这个dom元素不存在于当前页面中,它是放在内存中的。
jQuery 字符串查找替换 方法
jquery中的字符串查找替换有2个类似的方法,但都是查找替换dom元素的方法,而不是查找替换纯文本的方法。
1、replaceWith(),将所有匹配的元素替换成指定的HTML或DOM元素。
示例:
把所有的段落标记替换成加粗的标记。
HTML 代码:
pHello/ppcruel/ppWorld/p
jQuery 代码:
$("p").replaceWith("bParagraph. /b");
结果:
bParagraph. /bbParagraph. /bbParagraph. /b
2、replaceAll(),用匹配的元素替换掉所有 selector匹配到的元素
示例:
把所有的段落标记替换成加粗标记
HTML 代码:
pHello/ppcruel/ppWorld/p
jQuery 代码:
$("bParagraph. /b").replaceAll("p");
结果:
bParagraph. /bbParagraph. /bbParagraph. /b
注意:
如果需要查找纯文本替换,可以直接使用js中的String.replace(regexp, replacement)
方法。
示例:
要确保单词“JavaScript'’中的大写字符是正确的,可用下列代码:
text.replace(/javascript/i, "JavaScript");
jQuery 删除/替换DOM元素的几种方式
删除
删除操作非常简单,直接在结果集后链式调用remove()方法即可。
例如,要删除以下html脚本中所有的a元素,直接通过
复制代码
代码如下:
$('a'.remove();
就可以做到了。
复制代码
代码如下:
h3Anchors/h3
a
href="#"
class="remove"Anchor
Element/a
a
href="#"Anchor
Element/a
a
href="#"
class="remove"Anchor
Element/a
当然也可以通过向remove传参的形式来过滤选择结果,然后再执行remove操作。
复制代码
代码如下:
$('a').remove('.remove');
需要注意的是
remove操作并不会把符合条件的元素从结果集中删除,所以理论上可以继续操作被"删除"掉的元素
remove操作不但会“删除”元素与所有元素相关的数据也会被删除(event
handlers、internally
cached
data)
替换
如果想要把class为remove的li元素替换为liremoved/li,可以使用以下两种等价的方法
复制代码
代码如下:
$('li.remove').replaceWith('liremoved/li);
$('liremoved/li;).replaceAll('li.remove');
jquery替换元素?
script type="text/javascript"
$('div').bind({
mouseover: function(){
if($(this).attr('def') != 1){
$('div').data('html', $(this).html());
$(this).html('span我是span标签/span');
}
$(this).attr('def', 1);
},
mouseout: function(){
if($(this).attr('def') == 1){
$(this).html($('div').data('html'));
$('div').data('html', '');
}
$(this).attr('def', 0);
}
});
/script
名称栏目:jquery元素替换,jquery 字符串替换
文章源于:http://pwwzsj.com/article/dsdohsg.html