前端學習之jQuery
最近開始重拾前端知識，複習了html、html5、css、css3、javascript，開始看jQuery。
jQuery是一個JavaScript函式庫。可以從 jquery.com 中下載
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>jQuery語法介紹
基礎語法： $(selector).action()
- 美元符號定義 jQuery
- 選擇符（selector）"查詢"和"查詢" HTML 元素
- jQuery 的 action() 執行對元素的操作
文件就緒
$(document).ready(function () {
// jQuery code
})或者簡化為
$(function () {
// jQuery code
})jQuery選擇器
# id 選擇器 .class 類選擇器 標籤選擇器等，具體可參照css選擇器語法
jQuery事件
事件：頁面對不同訪問者的響應
常見的DOM事件
| hide(speed, callback) | 隱藏 |
| show(speed, callback) | 顯示 |
| toggle(speed, callback) | 隱藏或顯示 |
| fadeIn(speed, callback) | 淡入已隱藏的元素 |
| fadeOut(speed, callback) | 淡出可見元素 |
| fadeToggle(speed, callback) | 切換淡入/淡出效果 |
| fadeTo(speed, opacity, callback) | 漸變為給定的不透明值（介於0和1之間） |
| slideDown(speed, callback) | 向下滑動元素 |
| slideUp(speed, callback) | 向上滑動元素 |
| slideToggle(speed, callback) | 切換向上/向下滑動元素 |
| animate({params} ,speed, callback) | {params}為CSS屬性，動畫 |
| stop(stopAll, goToEnd) | 停止動畫或效果 |
jQuery鏈（chaining）可以把動作/方法連結在一起。如
$("#p1").css("color","red").slideUp(2000).slideDown(2000);jQuery HTML
| text() | 設定或返回所選元素的文字內容 |
| html() | 設定或返回所選元素的內容（包括HTML標記） |
| val() | 設定或返回表單欄位的值 |
| attr() | 設定或獲取屬性值 |
| append() | 在被選元素的結尾插入內容 |
| prepend() | 在被選元素的開頭插入內容 |
| after() | 在被選元素之後插入內容 |
| before() | 在被選元素之前插入內容 |
| remove() | 刪除被選元素（及其子元素） |
| empty() | 從被選元素上刪除子元素 |
| addClass() | 新增一個或多個類 |
| removeClass() | 刪除一個或多個類 |
| toggleClass() | 對被選元素進行新增/刪除類的切換操作 |
| css() | 設定或返回樣式屬性 |
| 獲取jQuery尺寸方法 | width() height() innerWidth() innerHeight() outerWidth() outerHeight() |
| 向上遍歷DOM樹 | parent() parents() parentsUntil() |
| 向下遍歷 | children() find() |
| 遍歷同胞 | siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil() |
| 遍歷過濾 | first() last() eq() filter() not() |
| AJAX load(url,data,callback) | 非同步載入 |
| $.get(URL, callback) | HTTP GET請求從伺服器請求資料 |
| $.post(URL,data,callback) | HTTP POST請求向伺服器提交資料 |
此處只是列出了一些基本方法，但具體使用還是要運用到專案中才有提升
相關推薦
前端學習之jQuery
最近開始重拾前端知識，複習了html、html5、css、css3、javascript，開始看jQuery。 jQuery是一個JavaScript函式庫。可以從 jquery.com 中下載 <head> <script src="jquer
前端學習之JQuery選擇器第一天
JQuery選擇器 一、為什麼要學jQuery？ 1、學習JS的遇到的痛點 痛點的總結： 二、jQuery是什麼？ 1、jQuery描述（理解） jQuery是js的一個庫，封裝了我們開發過程中常用的一些功能，方便我們來呼叫，提高了我們的開
python學習之路7 前端學習4 jQuery 學習
前端學習 ast first 對象 獲取 前端 索引 簡寫 [0 轉換： jquery 對象[0] => Dom對象 $(Dom 對象 ) => jquery 對象 1.id $("#id") 2.class $(".c
python學習_day58_前端基礎之jQuery入門1
基本 兼容多瀏覽器 python jquery入門 選擇 eight ges span 偶數 一、jQuery介紹 jQuery是一個輕量級的、兼容多瀏覽器的JavaScript庫。使用戶能夠更方便地處理HTML Document、Events、實現動畫效果、方便地進行
Python學習（二十三）—— 前端基礎之jQuery
官方 現在 展開 可能 獲取 不能 col js文件 層級 轉載自https://q1mi.github.io/Blog/2017/07/10/about_jQuery/ 一、jQuery入門 jQuery是一個輕量級的、兼容多瀏覽器的JavaScript庫。 jQuer
Web前端學習筆記—— jQuery之簡介、物件、選擇器
jQuery簡介 JavaScript庫的概念 JavaScript開發的過程中，處理瀏覽器的相容很複雜而且很耗時，於是一些封裝了這些操作的庫應運而生。這些庫還會把一些常用的程式碼進行封裝。 把一些常用到的方法寫到一個單獨的js檔案，使用的時候直接去引用這js檔
前端學習之路---jquery
動畫效果 基本效果 匹配元素從左上角開始變濃變大或縮小到左上角變淡變小 ①隱藏元素 除了可以設定匹配元素的display:none外,可以用以下函式 hide(speed,[callback]) 返回值:jQuery 引數-speed:三種預訂速度之一的字串String(slow,nor
Web前端國際化之jQuery.i18n.properties
i18n github 環境 高內聚低耦合 設計 https 默認 個人能力 指定 Web前端國際化之jQuery.i18n.propertiesjQuery.i18n.properties介紹 國際化是如今Web應用程序開發過程中的重要一環，jQuery.i
前端基礎之jQuery
它的 是否 屬性選擇器 mat fadein form 內部 ops -html 概述 jQuery是目前使用最廣泛的javascript函數庫。據統計，全世界排名前100萬的網站，有46%使用jQuery，遠遠超過其他庫。微軟公司甚至把jQuery作為他們的官方庫。 jQ
前端學習之ajax
前端學習值ajax一、什麽是json JSON(JavaScript Object Notation, JS 對象標記) 是一種輕量級的數據交換格式。 它基於 ECMAScript (w3c制定的js規範)的一個子集，采用完全獨立於編程語言的文本格式來存儲和表示 數據。簡潔和清晰的層次結構使得 JSON 成為
我的web前端學習之路-HTML-form
val jpg web前端 ted cti 之路 radi pass idt 1 <form name="register" method="post" action="servlet等可處理請求的東西"> 2 單行文本框<inpu
我的web前端學習之路-CSS-引入
com imp port 之路 es2017 內嵌 學習 常用 方式 多用連接導入方式 優先級：內聯>內嵌>@import方式>link方式（常用） 我的web前端學習之路-CSS-引入
我的web前端學習之路-CSS-選擇器
選擇 產生 之路 css 註意 images nbsp 前端 ges 選擇器指定了要作用的標簽 直接指定一個準確元素名，對其產生作用 指定標簽元素class屬性的值，可選指定特定的標簽元素，不要忘記“點”！ （註意！！）class屬性的值可以用空格隔開表示多個cla
我的web前端學習之路-CSS-字體和文本
技術 你是 let cor meta round ack san one 1 <head> 2 <meta charset="utf-8"> 3 <title>css字體和文本</title> 4
我的web前端學習之路-CSS-列表和表格
表示 hang idt char rac 一個 ddr web前端 9.png list-style-image和list-style-type只能選擇一個使用 border-collapse和border-spacing不能同時使用 1 <head>
前端學習之隨筆
java script 對象 alert()函數：顯示一個消息框，以便向用戶發送通知或警告信息。顯示的消息框是模態的。在alert()函數的括號中指定消息框中的消息，它稱為函數的參數（parameter）。 prompt（）函數需要如下兩個信息：要顯示的文本，通常用於提醒用戶輸入信息。第一次顯示提
進擊的Python【第十六章】：Web前端基礎之jQuery
name cat 隱藏 function wid get val 綁定 des 進擊的Python【第十六章】：Web前端基礎之jQuery 一、什麽是 jQuery ？ jQuery是一個JavaScript函數庫。 jQuery是一個輕量級的"寫的少，做的多"的Java
前端學習之c#語言-數組
clas 取數據 最大 取出 length bsp 寫法 new number 數組的定義： 是指能夠存放任意多個同類型數據，數組中的每一項叫做數組項，數組項必須為同一類型，每個數組項都有編號，這些編號叫做索引/下標，數組的索引（下標）是一個int類型的數字，索引（下標）是
web前端學習之css
使用 改變 過多 mark tro blog css url 提高 css概述： CSS （Cascading Style Sheets）是層疊樣式表用來定義網頁的顯示效果。可以解決html代碼對樣式定義的重復，提高了後期樣式代碼的可維護性，並增強了網頁的顯示效果功能。簡單
前端基礎之jQuery入門 01
隔行變色 三方 sel () 層級選擇器 aps not 切換 jquer jQuery介紹 jQuery是一個輕量級的、兼容多瀏覽器的JavaScript庫。 jQuery使用戶能夠更方便地處理HTML Document、Events、實現動畫效果、方便地進行Ajax交