一. 什么 jQuery？
jQuery 是 JavaScript 的一個框架，是對 JS 的一種封裝，使得 JS 使用方便，簡單易學
優點
-
不用考慮兼容性問題
-
jQuery 擁有強大的選擇器，簡化了 JS 代碼
-
jQuery 封裝了很多系統函式，直接呼叫，非常方便
-
完善的例外處理機制
-
出色的瀏覽器兼容性
-
提高開發效率
二. 怎么使用 jQuery？
-
下載 jQuery 的核心 JS 放入專案中
jquery-1.xx.xx.js -
在頁面上使用
<script src="https://www.cnblogs.com/xiqingbo/p/js/jquery-1.xx.xx.js"></script>
三. 初始化函式
-
JS 初始化函式
window.onload = function() {} -
jQuery 初始化函式
-
jQuery(function() {}); -
$(function() {}); -
jQuery().ready(function(){}); -
$().ready(function(){});
-
注：
jQuery 與 $是全等
jQuery() 與 $()是jQuery的核心函式
四. window.onload 與 jQuery() 初始化的區別（☆）
-
window.onload頁面加載完網頁元素后被執行 -
jQuery()頁面讀完代碼后被執行
五. 選擇器（☆）
-
$("*")通配符 -
$("div")標簽 -
$(".divcla")類 -
$("#zwb")id -
$("#king > p")子代 -
$("table td")后代 -
$("div + p")同層目錄第一個標簽 -
$("div ~ p")同層目錄所有標簽 -
$("table td:first")獲取第一個元素的偽類 -
$("table td:last")獲取最后一個元素的偽類 -
$("table tr:odd")奇數偽類 -
$("table tr:even")偶數偽類 -
$("input[name=username]")屬性選擇
通配符 < 標簽 < 類 < ID
六. jQuery 屬性操作
-
attr獲取標簽的屬性值或者給屬性賦值<input type="checkbox"/> $("input").attr("checked") -
prop獲取標簽的屬性值或者給屬性賦值<input type="checkbox"/> $("input").attr("checked") -
addClass給標簽加上類名<div ></div> -
toggleClass若標簽有該樣式，則移除掉；若沒有，則添加 -
HTML功能與innerHTML功能一樣 -
text獲取的是純文本內容 -
val獲取“input輸入框”的值
七. 檔案處理
-
append：A.append(B)把B元素添加到A中的末尾處 -
appendTo：B.appendTo(A)把B元素添加到A中的末尾處 -
remove移除某一個元素 -
empty清除某一個元素中的所有的內容
八. jQuery 效果
-
show()顯示 -
hide()隱藏 -
slideDown()向下滑動 -
slideUp()向上滑動 -
fadeIn()淡入 -
fadeOut()淡出 -
animate()影片效果 -
stop()停止影片效果 -
delay延遲
九. jQuery 遍歷
each 回圈
本文來自博客園，作者：Schieber，轉載請注明原文鏈接：https://www.cnblogs.com/xiqingbo/p/front-end-10.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/424966.html
標籤：jQuery
下一篇：大檔案切片上傳到服務器