【jQuery】初識jQuery

jQuery 是一個 JavaScript 庫，包含了大量的函數。

jQuery 極大地簡化了 JavaScript 程式設計。

jQuery 很容易學習。

cdn引入：<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>

文法：

$(selector).action()

selector：選擇器，選取html元素時和css選擇器文法一緻，也可以寫document對象。

action()：操作，比如click()事件、hide()隐藏、css()

滑鼠事件、鍵盤事件，其他事件

Event 函數

綁定函數至

$(document).ready(function(){})

将函數綁定到文檔的就緒事件（當文檔完成加載時）

$(selector).click(function)

觸發或将函數綁定到被選元素的點選事件

$(selector).dblclick(function)

觸發或将函數綁定到被選元素的輕按兩下事件

$(selector).focus(function)

觸發或将函數綁定到被選元素的獲得焦點事件

$(selector).mouseover(function)

觸發或将函數綁定到被選元素的滑鼠懸停事件

注：

$(document).ready(function) 可以簡寫為$(function(){})

事件的函數一般可以接收一個參數儲存事件的一些資訊，如<code>$(document).mousemove(function(event){})</code>的event.pageX是滑鼠的x坐标。

本質是操作：display：none

jQuery的淡入淡出：

fadeIn() 淡入

fadeOut() 淡出

fadeToggle() 自動判斷是淡入還是淡出

fadeTo() 淡入或淡出到某種程度（調整透明度）