jQuery DOM操作篩選

filter() not() has():

div1span

div2

$('div').filter('.box').css('border','1px red solid');

$('div').not('.box').css('border','1px red solid');

$('div').has('.box').css('border','1px red solid');

如果將span元素的類設定為box

div1span

div2

$('div').has('.box').css('border','1px red solid');

div1

div2
div3
div4

console.log($('#div1').index());//1

divspan

divspan
divspan

console.log($('#span1').index());//0

console.log($('#span1').index('span'));//1,在所有span中的位置

aaaaa

bbbbb

$('#div2').closest('.box').css('border','1px red solid');先看自己是否滿足，在找自己最近的父元素並且類是box，進行設定

$('#div2').closest('.box', $('body').get(0) ).css('border','1px red solid');//第二個引數表示範圍

$('div').css('border','1px red solid');

$('span').css('border','1px red solid');
//上述兩行相當於下列一行
$('div').add('span').css('border','1px red solid');

$('div').find('span').css('border','1px red solid');//對span元素進行設定

$('div').find('span').css('color','red').end().css('border','1px red solid');//end對div元素進行設定
$('div').find('span').css('color','red').addback().css('border','1px red solid');//addback對div和span進行設定

JQuery DOM節點操作

1.建立 移動節點 var box 建立節點 return html代表原本裡面的內容 div prepend 插入節點，插入到內容的前面 div prepend function index,html return html代表原本裡面的內容 box.prependto body 插入的內容前面 ...

jQuery Dom節點操作

1.jquery追加標籤 c css font size 100px 2.移除標籤 c remove 3.新增父級標籤,在某個標籤的外層新增標籤 c wrap 4.在某個標籤之前新增標籤 c before 我是before新增的標籤 5.在某個標籤之後新增標籤 c after 我是after新增的標...

jquery DOM操作總結

addclass addclass 向某個元素新增乙個類 button click function 元素之外追加 after 在指定元素之後插入內容,外部插入 插入文字 button click function 使用方法插入 selector after function index index...