11月4日 課堂筆記
阿新 • • 發佈:2021-11-04
今日筆記:
選擇器
contains 匹配包含某個值
has 匹配含有選擇器所匹配的元素的元素
empty 匹配所有不包含子元素或者文字的空元素
parent 匹配含有子元素或者文字的元素
可見性
:hidden 匹配所有不可見元素,或者type為hidden的元素
:visible 匹配所有的可見元素
屬性
attr:設定或返回被選元素的屬性值。
1屬性名稱。2:返回屬性值的函式,第一個引數為當前元素的索引值,第二個引數為原先的屬性值。
prop:獲取在匹配的元素集中的第一個元素的屬性值。
HTML程式碼/文字/值
html() HTML程式碼 console.log($(".div").html())
text() 文字內容 console.log($(".div").text())
val() 互動控制元件的值 console.log($(".div").val())
效果
基本
show([s,[e],[fn]]) 顯示
hide([s,[e],[fn]]) 隱藏
toggle([s],[e],[fn]) 切換隱藏顯示
滑動
slideDown([s],[e],[fn]) 滑出
slideUp([s,[e],[fn]]) 滑入
slideToggle([s],[e],[fn]) 切換 滑出滑入
淡入淡出
fadeIn([s],[e],[fn]) 淡入
fadeOut([s],[e],[fn]) 淡出
fadeTo([[s],o,[e],[fn]])
fadeToggle([s,[e],[fn]]) 切換 淡入淡出
自定義
animate(p,[s],[e],[fn]) 自定義動畫的函式