學習筆記專區

    <script src="js/jquery-1.12.3.min.js"></script>

    <script src="js/bootstrap.min.js"></script>

    <script>

       $(function() {

           //==== Attribute Selectors ====

           //在pdf及doc的超連結前面加上小圖

           //css 參考用法如下

           //text-decoration:none (移除超連結會有的底線，JQ自動會有，所以不用寫)

           //background:url(images/pdf_icon.gif) no-repeat

           //padding-left:20px (把字往左移，多出空間給圖片)

           //=============================

              //a是(超連結)元素、a[href]差不多，a[href = a.pdf]會找到這個：<a href="a.pdf">A(pdf)</a>

              //$= ".xxx"代表找<a href="a.pdf">中字尾是.xxx的東西

              //*= 'xxx'代表找<a href="a.pdf">中有xxx的

              $('a[href $="pdf"]').css({

                  'text-decoration':'none',

                  'background':'url(images/pdf_icon.gif) no-repeat',

                  'padding-left':'20px'

              })

              $('a[href $=".doc"]').css({

                  'text-decoration':'none',

                  'background':'url(images/word_icon.gif) no-repeat',

                  'padding-left':'20px'

              })

    </script>