文章出處
文章列表
jQuery 是一個 JavaScript 庫，簡化了 JavaScript 的編程。
語法：$(selector).action()
selector 是字符串，表示HTML元素。
| 對象 | 符號 | 例子 | 效果 |
|---|---|---|---|
| 當前整個HTML | this | this | 選擇整個HTML |
| 標簽 | 標簽名 | "p" | 選擇所有<p>元素 |
| id | # | "#test" | 選擇所有 id = "test"的元素 |
| class | . | ".test" | 選擇所有 class = "test"的元素 |
| 鏈接 | [] | [href="test"] | 選擇所有 href 等于 "test"的元素 |
| [href!="test"] | 選擇所有 href 不等于 "test"的元素 | ||
| [href$="test"] | 選擇所有 href 以 "test" 結尾的元素 | ||
| 表格 | ul li: | "ul li:first" | 選擇每個 <ul> 的第一個 <li> 元素 |
以上三者可以合起來用：$("p#test.test")
action()列表：
| 隸屬 | 名稱 | 功能 |
|---|---|---|
| document | ready(function) | HTML文檔加載完畢時執行function |
| window | 瀏覽器視口 | |
| 所有元素 | hide() | 隱藏所選元素 |
| show() | 顯示所選元素 | |
| toggle() | 以上兩者切換 | |
| fadeIn() | 漸漸隱藏 | |
| fadeOut() | 漸漸顯示 | |
| fadeToggle() | 以上兩者切換 | |
| slideUp() | 向上滑動隱藏元素 | |
| slideDown() | 向下滑動顯示元素 | |
| slideToggle() | 以上兩者切換 | |
| addClass() | 添加一個或多個類 | |
| removeClass() | 刪除一個或多個類 | |
| toggleClass() | 以上兩者切換 | |
| mouseover(function) | 鼠標懸停在元素上時執行function | |
| focus(function) | 元素獲得焦點時執行function | |
| click(function) | 點擊元素時執行function | |
| dblclick(function) | 雙擊元素時執行function | |
| attr() | 改變元素的屬性 | |
| css() | 改變或返回元素的css屬性 | |
| animate({dict參數}) | 執行動畫以使元素符合參數指定內容（屬性名用駱駝命名法） | |
| stop(bool,bool) | 停止動畫 | |
| text() | 設置或返回所選元素的文本內容 | |
| html() | 設置或返回所選元素帶 HTML 標記的內容 | |
| val() | 設置或返回表單字段的值 | |
| append(string) | 元素內容結尾添加 | |
| after(string) | 元素結束之后添加 | |
| remove() | 刪除整個元素 | |
| empty() | 刪除子元素 | |
| width() | 不包括 padding 和 border | |
| height() | 不包括 padding 和 border | |
| innerWidth() | 包括 padding | |
| innerHeight() | 包括 padding | |
| outerWidth() | 包括 padding 和 border | |
| outerHeight() | 包括 padding 和 border | |
當出現動畫動作時，可以傳入兩個參數：
- 毫秒表示動作過渡時長。
- 回調，在動畫完成后執行
可在數值前使用 += 和 -= 表示相對值。
在不重載整個網頁的情況下，AJAX 通過后臺加載數據，并在網頁上進行顯示。
AJAX:
load()
get()
post()
文章列表
全站熱搜
留言列表
