Jquery的文件操作

2022-04-05 18:20:50 字數 1393 閱讀 9675

插入操作

var oli = document.createelement('li');

oli.innerhtml = '哈哈哈'

//jquery中的dom操作

//content:string | element | jquery元素

//如果直接的內容是當前頁面中的某些元素,那麼這些元素將從原位置上消失。就是乙個移動操作

alert(2);

});prepend() 前置新增, 插入子級的第乙個元素

$('ul').prepend('我是第乙個')

prependto 後置新增,第乙個元素新增到父元素中

$('我是第乙個').prependto('ul')

兄弟元素.after(要插入的兄弟元素) insertafter()

var title = 'after';    

$('.item').after(

`$`);

兄弟元素.before(要插入的兄弟元素) insertbefore()

var title1 = 'before';    

$('.item').before(

`$`);

複製操作

clone() 轉殖匹配的dom元素並且選中這些轉殖的副本

$('button').click(function() );
替換操作

被替換的物件.replacewith(要替換的物件):將所有匹配的元素替換成指定的html或dom元素。

//將所有的h5標題替換為a標籤

$('h5').replacewith('hello world');

replaceall():用匹配的元素替換掉所有 selector匹配到的元素

$('

按鈕').replaceall('h4');

刪除操作

remove() 刪除節點後,事件也會刪除(簡言之,刪除了整個標籤)

$('ul').remove();

detach() 刪除節點後,事件會保留

var $btn = $('button').detach();

//此時按鈕能追加到ul中

empty(): 清空元素中的所有後代節點

//清空掉ul中的子元素,保留ul

$('ul').empty()

jquery 的文件操作

之前js中咱們學習了js的dom操作,也就是所謂的增刪改查dom操作。通過js的dom的操作,大家也能發現,大量的繁瑣 實現我們想要的效果。那麼jquery的文件操作的api提供了便利的方法供我們操作我們的文件。看乙個之前我們js操作dom的例子 var oul document.getelemen...

jquery文件操作

為了方便自己偶爾查詢,從w3school裡拉拉文件下來。方法 描述addclass 向匹配的元素新增指定的類名。after 在匹配的元素之後插入內容。向匹配元素集合中的每個元素結尾插入由引數指定的內容。向目標結尾插入匹配元素集合中的每個元素。attr 設定或返回匹配元素的屬性和值。before 在每...

jquery 文件操作

今天以乙個例子來看看jquery 的文件操作,首先上例子 doctype html html head style p selected highlight style script src script head body p title 12335666 jquery 文件操作 p p 例子說明...