Jquery小点滴 - 获取元素(一)

Jquery获取元素的形式很多。而且很灵活。

例子代码

<style>

.red{

color:#ff0000;

}

.blue{

color:#0000ff;

}

</style>

<div id=a class="red">Hello a</div>

<div id=b class="blue">Hello b</div>

<div id=c class="red">Hello c</div>

<div id=d class="blue">Hello d</div>

1. 根据ID获取元素, 使用#来告诉jquery以ID获取元素。这里会返回单一元素

如，把<div id=a class="red">拿出来

var obj = $("#a")；

alert(obj.html()); <!-- 这里会显示Hello a -->

var obj = $("#d")；

alert(obj.html()); <!-- 这里会显示Hellod -->

2. 根据使用css类来找元素， 返回的是一个元素数组。直接在元素选择器里把css的名字放进去就行。

如， 把所有使用red类的元素找出来。

var obj = $(".red")；

这里会回来2个元素。

<div id=a class="red">Hello a</div>

<div id=c class="red">Hello c</div>

alert(obj[0].html()); <!-- 这里会显示 Helloa -->

alert(obj[1].html()); <!-- 这里会显示 Helloc-->