獲取元素
-
通過id獲取元素
document.getElementById('logo').style.border = "" $('#logo').css('border','solid 2px red'); -
通過標(biāo)簽名獲取元素
$('li').css('background','orange');//將頁(yè)面中所有的li背景變成橙色 -
通過class獲取元素
$('.w').css('background','red'); -
逗號(hào)
$('#logo,#menu').css('border','solid 2px red'); -
空格
document.getElementById('images').getElementsByTagName('li'); $('#images li').css('background','pink');
過濾獲取元素
-
獲取第一個(gè)和最后一個(gè)元素
$('li:first').css('border','dashed 2px red'); $('li:last').css('border','dashed 5px black'); -
獲取指定索引的元素 eq equal等于
$('li:eq(7)').css('background','red'); -
獲取包含指定文本的元素
$('li:contains(國(guó))').css('background','#987'); -
獲取包含指定屬性的元素
$('li[name=y]').css('background','black');
父子關(guān)系獲取節(jié)點(diǎn)
-
獲取所有的標(biāo)簽子節(jié)點(diǎn)
$('#images').children().css('border',"solid 2px #333"); -
獲取第一個(gè)子元素
$('ul li:first-child').css('background','red'); -
獲取最后一個(gè)子元素
$('ul li:last-child').css('background','black'); -
獲取指定索引的子元素 數(shù)字索引是從1開始的
$('ul li:nth-child(3)').css('background','orange'); -
獲取元素下一個(gè)同級(jí)元素
$('#f').next().css('background','red'); -
獲取元素上一個(gè)同級(jí)元素
$('#f').prev().css('background','orange'); -
獲取父級(jí)元素
$('#f').parent().css('background','red'); -
獲取元素的先輩元素
$('#f').parents('#section').css('border','solid 10px red'); -
獲取元素的同輩元素 (同輩元素是不包含自己的)
$('#f').siblings().css('background','black'); -
在i父級(jí)元素中查找指定的元素
$('#images').find('.w').css('background','red');
