心靈雞湯:
有志者事竟成 破釜沉舟 百二秦關(guān)終破楚
苦心人天下負 臥薪嘗膽 三千越甲可吞吳
1.1重點內(nèi)容
1.1操作form表單
1.1.1屬性操作
設(shè)置屬性:
//第一個參數(shù)表示:要設(shè)置的屬性名稱
//第二個參數(shù)表示:該屬性名稱對應的值
$(selector).attr(“title”, “傳智播客”);
獲取屬性:
//參數(shù)為:要獲取的屬性的名稱,改操作會返回指定屬性對應的值
$(selector).attr(“title”);
此時烂叔,返回指定屬性的值
移除屬性:
//參數(shù)為:要移除的屬性的名稱
$(selector).removeAttr(“title”);
注意:checked、selected哨免、disabled要使用.prop()方法。
prop方法通常用來影響DOM元素的動態(tài)狀態(tài)井联,而不是改變的HTML屬性瓮栗。例如:input和button的disabled特性,以及checkbox的checked特性胀屿。
細節(jié)參考:http://api.jquery.com/prop/
屬性操作總結(jié):”()“里面只有一個參數(shù)獲取值,里面有兩個參數(shù)包雀,設(shè)置屬性
?val()值操作
$(selector).val();
//設(shè)置所有匹配到的元素的值
$(selector).val(“具體值”);
text()
作用:設(shè)置或獲取匹配元素的文本內(nèi)容
//獲取操作不帶參數(shù)(注意:這時候會把所有匹配到的元素內(nèi)容拼接為一個字符串才写,不同于其他獲取操作F隙摇)
$(selector).text();
//設(shè)置操作帶參數(shù)奖蔓,參數(shù)表示要設(shè)置的文本內(nèi)容
//如果設(shè)置的內(nèi)容包含html標簽(我要動態(tài)創(chuàng)建span,這時候行嗎讹堤?)吆鹤,那么text這個方法會把他們當作文本內(nèi)容輸出,而不會創(chuàng)建元素洲守。這個text()和html()方的主要區(qū)別
$(selector).text(“我是內(nèi)容”);
?事件綁定(只介紹on)
1.1.1on方式(最現(xiàn)代的方式疑务,兼容zepto(移動端類似jQuery的一個庫),強烈建議使用的方式)(重點)
jQuery1.7版本后梗醇,jQuery用on統(tǒng)一了所有的事件處理的方法
作用:給匹配的元素綁定事件暑始,包括了上面所有綁定事件方式的優(yōu)點
語法:
//第一個參數(shù):events,綁定事件的名稱可以是由空格分隔的多個事件(標準事件或者自定義事件)
//第二個參數(shù):selector,執(zhí)行事件的后代元素
//第三個參數(shù):data婴削,傳遞給處理函數(shù)的數(shù)據(jù),事件觸發(fā)的時候通過event.data來使用
//第四個參數(shù):handler牙肝,事件處理函數(shù)
$(selector).on(events[,selector][,data],handler);
//表示給$(selector)綁定事件唉俗,當必須是它的內(nèi)部元素span才能執(zhí)行這個事件
$(selector).on( "click",“span”, function(){});
//綁定多個事件
//表示給$(selector)匹配的元素綁定單擊和鼠標進入事件
$(selector).on(“click mouseenter”, function(){});
?事件解綁
off解綁on方式綁定的事件(重點)
//解綁匹配元素的所有事件
$(selector).off();
//解綁匹配元素的所有click事件
$(selector).off(“click”);
//解綁所有代理的click事件,元素本身的事件不會被解綁
$(selector).off( “click”, “**” );
?事件觸發(fā)(用的不多配椭,不在介紹)