JQ-第一次点击改变图片，再次点击恢复原本图片//下载图片到本地(移动端下载是ZIP)

 <!-- 点赞、下载 -->

<div style="background-color: #fff; 100%;height: 26px;margin: 5px 0;">

        <p style=" 50%;float: left;border-right: 1px solid #eee; margin:0;height: 26px;">
            <a href="javascript:;" style='display: block; 53px;margin-left: 32%;
                     position: relative;' onclick="zan(this,{$item['id']})">
                <img src="../images/F_zan_03.png" data="{$item['id']}" alt="" style=" 26px; 
                     position: absolute;left: 0;top: -2px;" id="imgZan{$item['id']}">
               <!--  <img src="../images/F_zan_03_2.png" alt="" style=" 26px;display: none;
                     position: absolute;left: 0;top: -2px;"" class="afterZan"> -->
                <span style="color:#000;line-height: 26px;font-size: 16px;margin-left: 26px;">20</span>
            </a>
            
        </p>
      
        
        <a href="{php echo $this->createMobileUrl('find', array('op' => 'down' , 'id' => $item['id']))}" style="display: block;
                             50%;
                            float: right;
                            height: 26px;" onclick="downloadIamge('.saveImg','')">
            <img src="../images/F_load_03.png" alt="" style=" 22px; margin-left: 30%;margin-top: -5px;">
            <span style="color:#000;line-height: 26px;font-size: 15px;">下载</span>
        </a>                       
 </div>

<script>

        // 切换点赞图片  
        function zan(obj,id){

             if($(obj).children().attr("src") == "../images/F_zan_03.png"){
                $(obj).children().attr("src","../images/F_zan_03_2.png");
            }else{
                $(obj).children().attr("src","../images/F_zan_03.png");
            }
            
        }



        // 下载图片
        (function(){
             $(".tjImg p img").attr("class","saveImg")
        })() 
        function downloadIamge(selector, name) {
            // 通过选择器获取img元素，  
            var img = document.querySelector(".saveImg")  
            // 将图片的src属性作为URL地址  
            var url = img.src  
            var a = document.createElement('a')  
            var event = new MouseEvent('click')  
              
            a.download = name || '下载图片名称'   
            a.href = url  
              
            a.dispatchEvent(event)  
            console.log("src:",url,"selector:")
        }  
          
</script>