按標(biāo)簽名選擇:$('li')
懦趋、$('header ul li')
按ID選:$('#header')
按class選:$('.header')
函匕、$('.header ul li')
選中所有標(biāo)簽為img
的元素:$('img')
選中標(biāo)簽為img
的第1個元素:$('img:first')
、$('img:eq(0)')
選中標(biāo)簽為img
的最后1個元素:$('img:last')
選中標(biāo)簽為img
的第3個元素:$('img:first')
耍目、$('img:eq(2)')
選中標(biāo)簽為img
的元素的所有索引號為奇數(shù)的項:$('img:odd')
膏斤、
選中標(biāo)簽為img
的元素的所有索引號為偶數(shù)的項:$('img:even')
、
選中標(biāo)簽為img
的元素的所有索引號小于2的項(即0邪驮、1前2項):$('img:lt(2)')
莫辨、
選中標(biāo)簽為img
的元素的所有索引號大于3的項(即索引號4以后的項):$('img:gt(3)')
、
$('ul li:nth-child(1)').addClass('shadow');
給ul
下的第一個li
子元素添加class. nth-child(n)
的參數(shù)n
是從1開始耕捞,不是索引號衔掸,n
為1即是第1個
$('ul li:nth-child(odd)').addClass('shadow');
所有奇數(shù)位
$('ul li:nth-child(even)').addClass('shadow');
所有偶數(shù)位
$('li img').eq(1).addClass('img-circle');
第2個
$('li img').eq(-1).addClass('img-circle');
倒數(shù)第一個
$('li img').css({width:'80px',border:'3px solid black'});
給 li
下的img
元素設(shè)置寬帶和邊框
$('li img').css('width','+=20px');
給 li
下的img
元素的寬度在原來的基礎(chǔ)上再加20px
獲取li
下的img
元素的寬度:$('li img').css('width');
或者$('li img').width()
設(shè)置li
下的img
元素的寬度為100px
:$('li img').css('width','100px');
或者$('li img').width('100px');
<div class="box">
<img src="image.jpg" alt="" />
</div>
$('img').offset();
對象相對于文檔的位置
$('img').position();
對象相對于其父元素的位置