眾所周知,jQuery是一款頗受歡迎的JavaScript框架,可簡化HTML文檔遍歷、事件處理、動畫設計以及AJAX操作。學習jQuery語法,可以快速提高網站開發效率。
jQuery的語法十分簡潔易學,大多數可以用一個CSS選擇器來選中元素,然后在后面跟上需要執行的操作即可。例如:
$("p").click(function(){ $(this).hide(); });
這個例子表示當用戶點擊一個
元素時,將該元素隱藏。首先使用CSS選擇器選中所有的
元素,然后使用click()方法來綁定一個點擊事件,當用戶觸發事件時,使用hide()方法將該元素隱藏。
jQuery還提供了眾多有用的方法,比如:
$(selector).hide(speed,callback)
該方法可以隱藏一個元素,可選參數speed表示隱藏速度,callback表示隱藏完成后需要執行的回調函數。
另外,還有常見的事件綁定方法:
$(selector).click(function) $(selector).dblclick(function) $(selector).focusin(function) $(selector).focusout(function) $(selector).hover(function) $(selector).on(event,childSelector,data,function) $(selector).ready(function) $(selector).mousedown(function) $(selector).mouseup(function) $(selector).mousemove(function) $(selector).keydown(function) $(selector).keypress(function) $(selector).keyup(function) $(selector).submit(function) $(selector).change(function) $(selector).select(function) $(selector).blur(function)
以上只是jQuery語法的冰山一角,欲了解更多請訪問菜鳥教程的jQuery學習專欄。