取值:
文字輸入框:$('#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...