所謂的內部插入,就是指在節點裡面的插入,而外部插入,則是在節點外面插入。
prepend()
prependto()
//在div裡面的內容,末尾再追加乙個p標籤,插入的p標籤在div所有子元素的末尾
//在div裡面的內容,頭部追加乙個p標籤,插入的p標籤位於div的所有子元素的首位
$("#mydiv").prepend($("頭部插入
"));
//下面兩種魚上面的效果是一樣的,只是呼叫的物件和引數這兩者換了位置
$("頭部插入
").prependto($("#mydiv"));
這裡,使用方法與之前的內部插入類似
//div之後插入乙個p標籤,p標籤和div是同級關係
$("#mydiv").after($("末尾插入
"));
//div之前插入乙個p標籤,p標籤和div是同級關係
$("#mydiv").before($("頭部插入
"));
//把p標籤插入到div之後,同級
$("末尾插入
").insertafter($("#mydiv"));
//把p標籤插入到div之前,同級
$("末尾插入
").insertbefore($("#mydiv"));
下面的兩個方法,效果一樣,只是呼叫物件和目標相反
$('div.second').replacewith('');
$('').replaceall('.inner');
clone()
var btn = $('#mybutton').clone();
//在新增到某個節點之前可以修改屬性
btn.css();
我們獲得乙個節點,想要獲取它的子節點或者父節點,都是屬於查詢節點
下列的方法,未標明返回型別的,都是返回乙個jquery物件
上面的div有兩個樣式,使用hasclass,引數為兩個的樣式中的乙個,都會返回true
$('#mydiv').hasclass('foo') 返回true
$('#mydiv').hasclass('bar') 返回true
$('ul').has('li').css(); ul中包含有li的ul的css會被修改
$('tbody').eq(2) //0開始,索引為
$('tbody').eq(-1) //倒數第乙個
jquery02 08節點操作
lang en charset utf 8 title src jquery 1.11.1.min.js script function button eq 1 click function button eq 2 click function button eq 3 click function ...
Web API 學習02 (節點操作)
1 排他思想 運用於京東輪播圖小圓點 如果有一組元素,我們想要某乙個元素實現某種樣式,需要用到迴圈的排他思想演算法 1 先把所有元素全部清除樣式 2 然後給當前元素新增樣式 var imgs document.queryselector box queryselectorall img 是找到類名為...
3 4 節點操作
一。元素節點的建立,新增,插入 替換,刪除 轉殖 建立節點有三種形式 1 document.createelement 元素 2 document.createtextnode 文字 3 document.createdocumentfragment document.createdocumentf...