2014年1月14日 星期二

好用的函式庫~jQuery~

之前網頁的動態語言是使用php,
要學習JavaScript時,遭受到了一點點的困難
語法方面當然是沒什麼問題,
像是變數是要用var預先命名之外
什麼if else,while,switch case都差不多
可是JavaScript的精髓當然是調用與變化網頁元素
這就多花不少時間了解

稍稍有點懂了之後,再去碰jQuery…
Easy啊~~~~,一堆原本寫一長串的東西,瞬間就變短不少
像是下面這樣:
//變數tabsT是從網頁文件中
//所有id命名為tabsT的元件裡取得元件tag為li的物件
var tabsT=document.getElementById('tabsT').getElementsByTagName('li');

//jQuery的寫法變成
var tabsT = $("#tabsT li");
而且理解之後,也很好閱讀(認知)。
開發這套函式庫的人,真的是太厲害啦!

拜jQuery所賜,原本家用記帳庫的部分
原本在JavaScript的應用只有分頁功能
現在又多了帳目表單未輸入(空白)檢知,與關鍵字的檢知與處理
而且原本程式碼很花(雜亂)的php程式碼
一瞬間也變的易讀很多,
//之前PHP寫法
include config.php;
$intA = 5;

function phpfunc($intA)
{
  /*中間一堆運算*/
  return $result;
}

/*中間一堆程式碼(函數)*/

//要插入JavaScript要這樣寫
echo "";

//要插入HTML要這樣寫
echo "
插入了一堆東西"; echo "插入了一堆東西"; $options = phpfunc($intA); echo ""; echo "
";

現在php函數可以獨立一區,JavaScript又獨立一區
HTML也是獨立一區
比起原本php函數裡面插了一堆echo產生HTML來得單純
還有較長的空檔的話,考慮整個改寫算了。

沒有留言: