day53 標籤操作

2022-08-20 19:54:12 字數 3276 閱讀 9287

取值:

文字輸入框:$('#username').val();

input,type=radio單選框: $('[type="radio"]:checked').val();,首先找到被選中的標籤,再進行取值

input,type=checkbox多選框: 通過val方法不能直接獲取多選的值,只能拿到乙個,想拿到多個項的值,需要迴圈取值

var d = $('[type="checkbox"]:checked');

for (var i=0;i作業1思路

繫結點選事件

1 獲取input標籤中的值val

2 val().trim().length

3 =0

方式1:提前在input標籤後面放乙個span標籤,加乙個類值,找到span並新增文字內容, .text() .html()

4 如果不等於0,清空span中的內容

設定屬性: -- $('#d1').attr();

單個設定:$('#d1').attr('age1','18');

檢視屬性值: -- $('#d1').attr('age1');

刪除屬性: -- $('#d1').removeattr('age1'); 括號裡面寫屬性名稱

prop和attr方法的區別:

總結一下:

1.對於標籤上有的能看到的屬性和自定義屬性都用attr

2.對於返回布林值的比如checkbox、radio和option的是否被選中或者設定其被選中與取消選中都用prop。

具有 true 和 false 兩個屬性的屬性,如 checked, selected 或者 disabled 使用prop(),其他的使用 att1r()

checked示例:

attr():

檢視值,checked 選中--'checked' 沒選中--undefined

$('#nv').attr();

設定值,attr無法完成取消選中

$('#nv').attr();

$('#nv').attr();

prop():

檢視值,checked 選中--true 沒選中--false

$(':checkbox').prop('checked');

設定值:

$(':checkbox').prop('checked',true);

$(':checkbox').prop('checked',false);

姿勢1:新增到指定元素內部的後面

方式1:

建立標籤

var a = document.createelement('a');

$(a).attr('href','');

方式2:(重點)

姿勢2:新增到指定元素內部的前面

$(a).prepend(b)// 把b前置到a

$(a).prependto(b)// 把a前置到b

姿勢3:新增到指定元素外部的後面

$(a).after(b)// 把b放到a的後面

$(a).insertafter(b)// 把a放到b的後面

姿勢4:

$(a).before(b)// 把b放到a的前面

$(a).insertbefore(b)// 把a放到b的前面

移除和清空元素

remove()// 從dom中刪除所有匹配的元素。

empty()// 刪除匹配的元素集合中所有的子節點,包括文字被全部刪除,但是匹配的元素還在

示例:$('#d1').remove();

$('#d1').empty();

替換:replacewith()

replaceall()

示例:$('#d1').replacewith(a); 用a替換前面的標籤

$(a).replaceall('#d1');

轉殖(複製標籤)

示例:

屠龍寶刀,點選就送!

作業3

1 模態對話方塊結合點選事件完成彈出和隱藏

2 點選取消,關閉對話方塊

3 點選確認,關閉對話方塊,獲取使用者輸入的內容

4 拼接乙個tr標籤,將資料放到裡面的td標籤裡面,然後將tr標籤放到tbody標籤內部的後面

5 開除,點選這一行的那個開除按鈕,就將本行tr標籤刪除 remove方法

繫結事件的兩種方式:

// 繫結事件的方式1

// $("#d1").click(function () )

// 方式2

$('#d1').on('click',function () )

常用事件

click(function())

hover(function())

blur(function())

focus(function())

change(function()) //內容發生變化,input,select等

keyup(function())

mouseover 和 mouseenter的區別是:mouseover事件是如果該標籤有子標籤,那麼移動到該標籤或者移動到子標籤時會連續觸發,mmouseenter事件不管有沒有子標籤都只觸發一次,表示滑鼠進入這個物件

示例:

使用者名稱:

.off( events [, selector ][,function(){}])

off() 方法移除用 .on()繫結的事件處理程式。

$("li").off("click");就可以了

// 事件冒泡,子標籤和父標籤(祖先標籤)繫結了相同的事件,比如點選事件,那麼當你點選子標籤時,會一層一層的往上觸發父級或者祖父級等等的事件

$('.c1').click(function () );

$('.c2').click(function (e) )

屠龍寶刀,點選就送!.

// 事件委託

$('#d1').on('click','.btn',function () );

//中間的引數是個選擇器,前面這個$('table')是父級標籤選擇器,選擇的是父級標籤,意思就是將子標籤(子子孫孫)的點選事件委託給了父級標籤

//但是這裡注意一點,你console.log(this);你會發現this還是觸發事件的那個子標籤,這個記住昂

Day53 Python操作SQLite資料庫

今天我們要學習的是關於sqlite資料庫的相關知識,首先我們來看一下什麼是sqlite資料庫 1.什麼是sqlite資料庫 2.python操作sqlite資料庫 我們已經知道了sqlite資料庫是什麼了,然後我們來學習一下它的使用,我簡單把sqlite的使用分為一下步驟,一起來看一下 conn s...

Day53 Linux常用指令

常用指令 ls 顯示檔案或目錄 l 列出檔案詳細資訊l list a 列出當前目錄下所有檔案及目錄,包括隱藏的a all mkdir 建立目錄 p 建立目錄,若無父目錄,則建立p parent cd 切換目錄 touch 建立空檔案 echo 建立帶有內容的檔案。cat 檢視檔案內容 cp 拷貝 m...

寒假Day53 Codeforces519B 水題

題意 給出n,再給出三行,分別是n n 1 n 2個數,輸出每一行比上一行缺失的數字。總感覺自己的腦迴路永遠想不到最簡單的辦法 然後就是,水題也可以學到東西,況且這是我覺得水但是我沒ac的題 法一 思路 下一行少的數字一定是上一行的和與下一行的和之間的差值,沒想到。includeusing name...