插入操作
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 例子說明...