jQuery如何將選中的對象轉化為原始的DOM對象_jquery
來源:懂視網
責編:小采
時間:2020-11-27 21:24:22
jQuery如何將選中的對象轉化為原始的DOM對象_jquery
jQuery如何將選中的對象轉化為原始的DOM對象_jquery:在jQuery中,在一個頁面上選擇元素返回的集合是jQuery對象而不是原始的DOM對象. 所以只能運行jQuery方法. 如果要在選擇集上運行DOM方法和屬性,該集合必須轉化為DOM對象 比如你不可以這樣使用: $('div').innerHTML = hello world; 因
導讀jQuery如何將選中的對象轉化為原始的DOM對象_jquery:在jQuery中,在一個頁面上選擇元素返回的集合是jQuery對象而不是原始的DOM對象. 所以只能運行jQuery方法. 如果要在選擇集上運行DOM方法和屬性,該集合必須轉化為DOM對象 比如你不可以這樣使用: $('div').innerHTML = hello world; 因

在jQuery中,在一個頁面上選擇元素返回的集合是jQuery對象而不是原始的DOM對象. 所以只能運行jQuery方法. 如果要在選擇集上運行DOM方法和屬性,該集合必須轉化為DOM對象
比如你不可以這樣使用:
$('div').innerHTML = "hello world";
因為innerHTML是 DOM的屬性而不是jQuery對象的屬性.如果確實想這么做.那么就需要將jQuery對象轉化為DOM對象.方法有兩種.
①jQuery提供一種核心方法get(),所以上面的可以寫成$('div').get().innerHTML = "hello world";
當然這里對應的是頁面中只有一個div的情況.如果有多個div.
那么這種方法不好使,你需要修改一下代碼,通過傳遞給get(index) 這樣的索引值進行選擇.
$("div").get(0).innerHTML = "hello world";
當然,你可以使用jQuery自帶的$.each循環進行全部的賦值操作.
$div1 = $("div").get();
代碼如下:
$.each($div1, function(index, val) {
val.innerHTML = 'lc '+ index;
});
②我們可以使用[ ] 來使用數組的形式獲取內容.
比如 $('div')[0].innerHTML = "hello world";
下面我們來看一個完整的例子吧.
代碼如下:
Books
- Head First jQuery
- Data Structrue and Algorithm with Javascript
- Nodejs up and running
- Node js with PHP expert
- Sharp jQuery
- Professional Javascript
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jQuery如何將選中的對象轉化為原始的DOM對象_jquery
jQuery如何將選中的對象轉化為原始的DOM對象_jquery:在jQuery中,在一個頁面上選擇元素返回的集合是jQuery對象而不是原始的DOM對象. 所以只能運行jQuery方法. 如果要在選擇集上運行DOM方法和屬性,該集合必須轉化為DOM對象 比如你不可以這樣使用: $('div').innerHTML = hello world; 因