jQuery基礎使用與樣式總結
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
開發工具與關鍵技術：Adobe Dreamweaver JavaScript
作者：唐文堅
撰寫時間：2020年4月20日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
JQ是什么？
JQ是JS的函式庫JQ相比JS的代碼量要少的多實作的功能也比JS相對要多一些
JQ的選擇器：
element元素選擇器 $("標簽名稱");
可以通過這種方式選擇到要找到的元素括號里可以說ID可以是類可以是表簽
列： $("a ");選擇a標簽；
$("#a");選擇ID標簽；
$(".a");選擇類標簽
$("*");全選
層級選擇器：
$("body div");
選擇body中的所有div元素
$("body>div");
選擇body中直接的子元素div
$("#box+div");
選擇div#box緊跟后面的一個元素
$("#box~div");
選擇div#box元素的兄弟元素
有些時候我們不可以通過基本的選擇器去找元素，JQ就可以為了方便我們找到JQ自己寫出了一些比較便利的選擇器
舉例：
$(":first") 獲取匹配第一個元素
例如:$('li:first');
$(":last") 獲取匹配的最后個元素
例如:$('li:last');
$(":not(selector)") 去除所有與給定選擇器匹配的元素
例如:$("input:not(:checked)") $(":even") 匹配所有索引值為偶數的元素，從 0 開始計數 例如:$("li:even")
$(":odd") 匹配所有索引值為奇數的元素，從 0 開始計數
例如:$("li:odd")
$(":eq(index)") 匹配一個給定索引值的元素，從 0 開始計數
例如:$("li:eq(1)")
$(":gt(index)") 匹配所有大于給定索引值的元素，從 0 開始計數
例如:$("li:gt(0)")
$(":lt(index)") 匹配所有小于給定索引值的元素，從 0 開始計數
例如:$("li:gt(2)")
$(":header") 匹配如 h1, h2, h3之類的標題元素
例如:$(":header").css("background", "#EEE");
$(":animated") 匹配所有正在執行影片效果的元素(只有對不在執行影片效果的元素執行一個影片特效)
例如:$(":header").css("background", "#EEE");
$(":focus") 匹配當前獲取焦點的元素。 $(":root") 選擇該檔案的根元素。在HTML中，檔案的根元素，和$(":root")選擇的元素一樣， 永遠是<html>元素。
示例:設定<html>背景顏色為黃色
$(":root").css("background-color","yellow");
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/56069.html
標籤：非技術區
下一篇：字符編碼為什么要加上65535？