python學習筆記(84) jQuery基礎
Write less, do more.
相當於Python的第三方模組
1.改變標籤
2.改變標籤屬性
3.改變標籤樣式
4.改變事件
找到標籤:
找出來的是jQuery物件
jQuery("#d1")[0]
$("div.c1")[0]
$("div.c1")[1]
括號裡面和CSS選擇器一樣,不能加空格(後代)
$("a,#d1,.c2") // 組合選擇器
層級選擇器:
$("form input")
$("form>input")
$("form+input")
$("form~input")
HTML物件和jQuery物件區別:
1.jQuery物件轉為DOM物件,用索引取出
2.DOM物件轉jQuery物件,$(DOM物件)
3.jQuery物件儲存變數的時候變數名加$
基本篩選器:
查詢條件都要寫在引號裡面
:first // $("ul li:first")
:last
:eq(index) // 從0開始,支援負數
:even // 偶數
:odd // 奇數
:gt(index) // 大於索引的,從0開始
:lt(index) // 小於索引的
:not // $("p:not(.c2)") 移除滿足not內條件的
:has // $("#d3 div:has(a)") 找內部有a的div,找的是div
屬性篩選器:
$("input[name='gender']")
簡寫:
:text
:password
:radio
:checkbox
$(":submit")
物件屬性:
:enabled
:disabled
:checked
:selected
位置篩選:
$("#d1").next()
.nextAll()
.nextUntil("#d5")
.prev()
.prevAll() // 倒序
.precUntil("#d8")
.parent() // $("a").parent().parent() 鏈式操作
.parents() // div#d2, div#d1, body, html
.parents("body") // 找到body這一級
.parentsUntil()
.children() // 兒子們
.siblings() // 兄弟們
.find() // 在結果集裡查詢元素 $cEle.find("div"), 別處發來的物件
.first()
操作標籤:
樣式操作:
.addClass()
.removeClass()
.hasClass()
.toggleClass()