JQuery

  • jQuery 本質(zhì)上雖然也是 JS,但如果想使用 jQuery 的屬性和方法那么必須保證對象是 jQuery 對象,而不是 JS 方式獲得的 DOM 對象,二者的 API 方法不能混合使用,若想使用對方的 API,需要進(jìn)行對象的轉(zhuǎn)換。

  • JS 的 DOM 對象轉(zhuǎn)換成 jQuery 對象

    //$(JS 的 DOM 對象);
    
    // JS方式,通過id屬性值獲取div元素
    let jsDiv = document.getElementById("div");
    alert(jsDiv.innerHTML);
    //alert(jsDiv.html());  JS對象無法使用jQuery里面的功能
    
    // 將 JS 對象轉(zhuǎn)換為jQuery對象
    let jq = $(jsDiv);
    alert(jq.html());
    
  • jQuery 對象轉(zhuǎn)換成 JS 對象

    /*jQuery 對象[索引];
    jQuery 對象.get(索引);*/
    
    // jQuery方式,通過id屬性值獲取div元素
    let jqDiv = $("#div");
    alert(jqDiv.html());
    // alert(jqDiv.innerHTML);   jQuery對象無法使用JS里面的功能
    
    // 將 jQuery對象轉(zhuǎn)換為JS對象
    let js = jqDiv[0];
    alert(js.innerHTML);
    
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • [if !supportLists]第一章 [endif]介紹 [if !supportLists]一、[endi...
    海綿寶寶_b8a2閱讀 366評論 0 0
  • 一:認(rèn)識jquery jquery是javascript的類庫,具有輕量級,完善的文檔,豐富的插件支持,完善的Aj...
    xuguibin閱讀 1,767評論 1 7
  • javaScript,給頁面添加動態(tài)效果和內(nèi)容的 歷史:1995年由網(wǎng)景公司發(fā)布 LiveScript同年更名為J...
    MrSaint王閱讀 284評論 0 0
  • 一.jQury的引入 jQuery的優(yōu)勢 輕量級 強(qiáng)大的選擇器 出色的DOM操作 可靠的事件處理機(jī)制 完善的Aja...
    空谷悠閱讀 592評論 0 2
  • jQuery是什么樣的 jQuery是一個輕量級的javascript框架。是繼PROTOTYPE之后出現(xiàn)的非常優(yōu)...
    熊少文閱讀 707評論 0 1

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