<dfn id="w48us"></dfn><ul id="w48us"></ul>
  • <ul id="w48us"></ul>
  • <del id="w48us"></del>
    <ul id="w48us"></ul>
  • jQuery 新手入門教程

    時間:2024-10-02 23:13:04 jQuery 我要投稿
    • 相關推薦

    jQuery 新手入門教程

      什么是jQuery?

      jQuery是一個JavaScript庫,白癡解釋就是一個JavaScript工具箱,很多現成的工具,想用什么就拿什么。省去了自己重新編寫代碼的煩惱,對于像我一樣的JS白癡,更是容易上手。

      jQuery能做什么?

      他能讓你的頁面產生很多讓人驚喜的動態效果,簡單的說就是讓你的網站更加漂亮,這里有很多不同的效果,點擊查看>>>

      怎么用jQuery?

      簡單的說:在頁面中調用jQuery庫(一個js文件),就可以方便的使用其中的工具了(使用時需要另一個js調用jQuery中的工具),從而實現想要的效果。

      第一步:尋找想要的效果

      本站的效果都出自兩個地方:sonicHTML,jQuery tools。網絡上有更多的效果,如果愿意花時間,可以去其他地方找找。

      第二步:扒代碼

      首先推薦扒代碼利器Firefox+firebug。如果沒有,趕快去下!在扒代碼是要十分小心兩個地方!

      1.靜態頁中的html和css

      用firebug扒取頁面中你想要部分的HTML和CSS代碼,該部分的id和class千萬不要動,保持原狀!

      同時,在你想要的HTML元素前,可能會有一個空的

      例如這個效果>>>,千萬不要遺漏!

      2.中的js

      ⑴在調用的js中,肯定會有一個js的文件名中帶有“jQuery”,直接把這個文件的代碼復制,變成你自己的文件。

      ⑵在中一定還有另一個js,這個js中會有以下代碼:

      $(document).ready(function() {

      // 中間為其他代碼

      });

      這個js可能是調用的外部文件,也可能就在head(body中也有可能,不過可能性低)中以形式出現。這個部分一定會出現之前HTML中的id或者class。一定要保持一致,如果想用其他的名字,一定要記得HTML中和js中同步,不一樣就功虧一簣了

      第三步:本地測試并修改錯誤

      本地新建HTML,CSS,JS,把扒到的代碼都放進去,該調用的文件都調用好。激動人心的時刻到了!用瀏覽器打開靜態頁,看是否出效果。如果出了,恭喜你!進入下一步,改造成你自己的東西!如果沒出就開始仔細檢查吧:

      ⑴HTML中可能出錯的地方:

      ①你修改了HTML中的id或class【解決方法:改回原來的】

      ②遺漏了空的

      【解決方法:檢查你扒下的HTML,看看前后有沒有空的,有了就加上再試試】

      ⑵JS中可能出錯的地方:

      ①調用路徑出錯【解決方法:修改為有效的調用路徑,把js和HTML放一起最方便】

      ②遺漏了ready(上面有詳細代碼)這個js(可能是外部文件,可能是head中的代碼)【解決方法:在原靜態頁中尋找有ready的這段代碼,copy并加上】

      ③ready中的id或者class和HTML中的不一致【解決方法:在原HTML和js中找到對應關系,并修改為一致】

      第四步:修改HTML和css,變成你自己的東西

      這步就沒有固定的方法了,你想怎么修改就怎么修改,不過千萬注意HTML中的id何class要和js對應!

      第五步:加入到你自己的頁面中

      這個基本沒什么說的,不過還是想給wp的用戶說一句:外部文件調用都在主題文件夾中的header.php中(我就找了半天~~~~)

    【jQuery 新手入門教程】相關文章:

    新手油畫入門教程09-16

    梵語入門教程08-20

    CSS入門教程01-25

    jQuery程序設計08-05

    jquery提交按鈕的代碼07-28

    油畫自學入門教程02-23

    紋繡入門教程06-25

    淺析jQuery 遍歷函數javascript08-06

    jQuery中prev()方法用法07-16

    jQuery中replaceAll()方法用法10-15

    主站蜘蛛池模板: 99久久精品免费国产大片| 国产高清国产精品国产专区| 亚洲色精品88色婷婷七月丁香| 好吊妞视频精品| 亚洲国产精品无码AAA片| 四虎国产精品永久地址49| 亚洲人午夜射精精品日韩| 亚洲精品免费在线观看| 亚洲乱码精品久久久久..| 国产欧美日韩精品专区| 精品视频一区二区三区在线观看 | 中文字幕亚洲精品资源网| 国产日韩精品中文字无码| 亚洲国产成人久久精品99| 国产精品视频一区二区三区不卡| 国产精品久久一区二区三区| 久久99久久99精品免视看动漫| 四虎成人精品| 精品国产福利尤物免费| 91亚洲国产成人久久精品| 国产精品久久久久久久久| 四虎国产精品成人免费久久| 久久97久久97精品免视看秋霞 | 久久国产精品成人片免费| 亚洲中文字幕久久精品无码APP| 精品国产福利盛宴在线观看| 国产精品毛片一区二区| 亚洲一区精品中文字幕| 国产精品影音先锋| 99久久精品国内| 国产国拍亚洲精品mv在线观看 | 亚洲欧洲成人精品香蕉网| 久久久久久噜噜精品免费直播 | 国产福利视精品永久免费| 国产精品无码一区二区三区电影| 人妻少妇精品中文字幕av蜜桃| 亚洲AV成人精品一区二区三区| 亚洲日韩一页精品发布| 亚洲精品无码久久久久久| 亚洲αv在线精品糸列| 久久久久99精品成人片欧美|