163-jQuery

jQuery屬性操作

1.屬性與屬性節(jié)點

屬性:對象身上所保存的變量即為屬性

屬性節(jié)點

  1. HTML標(biāo)簽中添加的屬性就是屬性節(jié)點-
  2. 或者在瀏覽器中找到DOM元素,其下attributes包含的就是屬性節(jié)點

2.prop()&attr()

操作屬性節(jié)點時,具有true 和 false兩個屬性的屬性節(jié)點(如:checked ,selected 或者 disabled)使用prop(),其他使用attr()

jQuery事件

1.自定義事件

$.(ele).on("mtClick",function{

});
trigger("myClick");

2.命名空間

  • 還是原先的事件,只是添加了標(biāo)記而已
$.(ele).on("click.jqf",function{

})

注意:

利用 trigger觸發(fā)子元素帶命名空間的事件,那么父元素帶相同命名空間的件也會被觸發(fā)。而父元素沒有命名空間的事件不會被觸發(fā)

利用 trigger觸發(fā)子元素不帶命名空間的事件,那么子元素所有相同類型的事件和父元素所有相同類型的事件都會被觸發(fā)

? --------------(冒泡)

3.事件委托

背景:由于jQuery入口函數(shù)是在頁面中所有dom元素加在完畢后執(zhí)行的,因此,通過jQuery監(jiān)聽事件無法綁定給通過jQuery新增的元素身上(在dom加載之后,該新增的dom并不存在)

解決:可以把事件的監(jiān)聽綁定給原本存在的DOM元素身上(其父元素),利用冒泡則其子元素也可以執(zhí)行

$.(ParentDOM).delegate(operateDOM,"click",function{ })

補充:
通過事件委托可以實時監(jiān)聽input中內(nèi)容的改變$("body").delegate("input[type=text]","propertychange input",function(){})

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容