DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery自動給頁面所有圖片加鏈接
jquery自動給頁面所有圖片加鏈接
編輯:JavaScript綜合知識     

 html與圖片

 代碼如下  

<script src='jquery-1.9.1.min.js'></script>
<div id="replAll">
<img alt="" src="20140925101646722.png" /><br/>
<img alt="" src="20140919094831881.png" />
</div>

jquery遍歷代碼
 

 代碼如下   <script type="text/javascript">
    $(function ()
    {   
        var curr_url = 'http://www.111cn.net';
        $("#replAll").click(function ()
        {
            $('img').each(function ()
            {
                var currImg = $(this);  
                currImg.wrap("<a href='" + curr_url + "'  target='_blank'/>");
            });
        });
    });
</script>
 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved