jQuery中用dom操作替代正则表达式

2020-05-23 06:14:11易采站长站整理

 //jQuery强大到自动将html字符串包装成dom元素,然后插入到内存中的div容器中
 $container.append(html);
 //在容器中搜索所有的img标签,并遍历
 $container.find(“img”).each(function(i,n){
   //对于每一个img元素,直接修改其style属性中的width属性
   //如果style属性没有,自动添加;如果已经有width属性,直接修改;完全不用过多操心
   $(n).css({
     width: “90%”
   });
 });
 //获取修改后的html字符串,即容器的html内容
 alert($container.html());

         代码中注释很详细,小菜就不多解释啦,我们要明白,jQuery不仅仅可以操作实实在在的页面中的html,也可以操作内存中的虚拟html。

         通过两者对比,相信读者立即可以体会到哪个方法更好一些。

         正如小菜经常说的一句话:如果你认为一个问题可以解决,但用了很长时间仍然没有解决,很可能是你的思路错了,换个角度想一想,问题迎刃而解!