JQuery學習筆記(3) 節點操作 節點查詢

2022-01-12 08:40:37 字數 1363 閱讀 2284

所謂的內部插入,就是指在節點裡面的插入,而外部插入,則是在節點外面插入。

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...