如何使用js或jq批量把图片的属性赋值给src？

举个栗子：

<img data-face="01.jpg" src="plancehold.jpg"/>
...
<img data-face="02.jpg" src="plancehold.jpg"/>
...
...
<img data-face="03.jpg" src="plancehold.jpg"/>
...
<img data-face="04.jpg" src="plancehold.jpg"/>
<img data-face="05.jpg" src="plancehold.jpg"/>
...
<img data-face="06.jpg" src="plancehold.jpg"/>
...为中间间杂着若干标签或内容，现在要用js把自己的data-face的值附给自己的src属性，大道如下效果：

<img data-face="01.jpg" src="01.jpg"/>
...
<img data-face="02.jpg" src="02.jpg"/>
...
...
<img data-face="03.jpg" src="03.jpg"/>
...
<img data-face="04.jpg" src="plancehold.jpg"/>
<img data-face="05.jpg" src="plancehold.jpg"/>
...
<img data-face="06.jpg" src="plancehold.jpg"/>
还有这种效果：

<img data-face="01.jpg" src="01.jpg"/>
...
<img data-face="02.jpg" src="02.jpg"/>
...
...
<img data-face="03.jpg" src="03.jpg"/>
...
<img data-face="04.jpg" src="04.jpg"/>
<img data-face="05.jpg" src="05.jpg"/>
...
<img data-face="06.jpg" src="06.jpg"/>

两种方法分别怎么写？