Python學習筆記Day17 JQuery

2022-05-19 13:55:50 字數 3260 閱讀 3981

模組 <<==>> 類庫

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...