模組 <<==>> 類庫
dom/bom/js類庫
查詢元素
操作元素
選擇器,直接找到某個或者某類標籤
#id
$('#id')
.class
$(".c1")
標籤$('a')
組合$('a,.c2,#i10')
層級$('#i10 a')
子子孫孫
$('#i10>a')
兒子
$('.c1+.c2')
匹配所有緊接在c1元素後的c2元素(包括子標籤)
$('.c1~.c2')
匹配所有與c1同輩的c2元素
基本i1:first
i1:last
i1:eq(index)
索引 從0開始
屬性$('[alex]')
具有alex屬性的所有標籤
$('[alex="123"]')
alex屬性等於123的標籤
表單$(':text')
# 匹配type='text'
$("input[type='text']")
# 利用屬性查詢代替
:checkbox
$(':disabled')
$(':enabled')
$(':checked')
$(':selected')
值$('div:contains("john")')
# 查詢所有包含 "john" 的 div 元素
例項:多選,反選,全選
篩選器,在選擇器的基礎上進行篩選
文字操作
$(..).text() # 獲取文字內容
$(..).text("1") # 設定文字內容,不解析html,當作字串
$(..).html() # 獲取標籤
$(..).html("1") # 設定標籤
$(..).val() # 查詢value屬性
$(..).val("...") # 設定value屬性
樣式操作.addclass('c1')
.removeclass()
.toggleclass() # 自動判斷,有就刪,沒有就加
屬性操作# 專門用於自定義屬性
$(..).attr('n') # 獲取
$(..).attr('n','v') # 設定
$(..).removeattr('n') # 移除
# 專門用於checkbox,radio選擇 如用attr會出現刪除後無法重新新增
$(..).prop('checked')
$(..).prop('checked', true)
*****==利用屬性操作替代prev等篩選,便於日後修改*****==
索引.index$(..).index() # 獲取當前標籤在父標籤下的索引
$(..).children().eq(v) # 尋找子標籤下索引為v的標籤
文件處理
.prepend() # 追加到子標籤最前
.after() # 追加到當前標籤後(兄弟)
.before()
刪除或複製標籤
.remove() # 刪除標籤 不加引數預設刪除所有,加引數.#可進行篩選
.empty('0') # 清空標籤內容
.clone # 複製標籤內容
css單樣式處理,直接在標籤style內操作$('t1').css('樣式名稱', '樣式值')
$('t1').css('樣式名稱', '') #值為空時刪除css屬性
點讚功能的實現
- $('t1').remove()
- setinterval 定時器
- 透明度 1 >> 0
- position
- 字型大小,位置
位置繫結事件
dom: 三種繫結方式
jquery:
阻止事件發生
return false;
dom方式
onclick="return login();" #繫結也需要加return
function login()
jquery方式
$().click(function())
//可進行驗證
return false;
})!!!each迴圈內的return false會終止整個迴圈!!!
!!!頁面框架載入完成後,自動執行,不需要所有元素都載入完成$(function())
$().ajax()
jquery擴充套件一、# 純高度,邊框,外邊距,內邊距
二、所有例項敲一遍
三、編輯框
禁用div點選:
.c1
將input文字框設定為唯讀:
$('').attr('readonly',true)
$('').removeattr('readonly')
css新增與刪除:
$('').css('color','red')
$('').css('color')
監測checkbox改變:
$('').change(function(){})
$('').delegate(':checkbox', 'change', function (){})
jq刪除標籤:
$('').remove();
將function直接寫在js中會預設執行,函式內的this代表當前window
python學習筆記 day17 初識遞迴
從前有座山,山上有座廟,廟裡有個老和尚,老和尚再給小和尚講故事 從前有座山,山上有座廟.這其實就是乙個遞迴的例子,只不過這是只遞不歸,再比如這段 def story print 從前有座山 story story 呼叫story 會不斷地執行裡面的 不斷又呼叫story 我們都知道當呼叫函式的時候,...
day17學習筆記(物件導向)
1 類屬性 定義在類中的變數 類屬性的值不會因為物件的不同而不同 2 物件屬性 通過 self.屬性名 值 定義在 init 函式中的屬性 物件屬性的值會因為物件不同而不同 物件.屬性 獲取物件指定屬性的值 getattr 物件,屬性名 獲取物件指定屬性的值 getattr 物件,屬性名,預設值 獲...
力扣學習筆記day17
編寫乙個函式,其作用是將輸入的字串反轉過來。輸入字串以字元陣列 char 的形式給出。不要給另外的陣列分配額外的空間,你必須原地修改輸入陣列 使用 o 1 的額外空間解決這一問題。你可以假設陣列中的所有字元都是 ascii 碼表中的可列印字元。eg 輸入 h e l l o 輸出 o l l e h...