2013/2/21JQuery学习一

1 var i = $(this).text() - 1;

text() 方法设置或返回被选元素的文本内容。

1) 返回文本内容

当该方法用于返回一个值时，它会返回所有匹配元素的组合的文本内容（会删除 HTML 标记）。
语法:$(selector).text()

2) 设置文本内容

当该方法用于设置值时，它会覆盖被选元素的所有内容。
语法：$(selector).text(content)

2 $(“#banner_info”).html($(“#banner_list a”).eq(i).find(“img”).attr('alt'));

    使用方法同text()方法

B.  eq() 方法将匹配元素集缩减值指定 index 上的一个。
使用示例：
<!-- lang: html -->
<ul>
<!-- lang: html -->
  <li>list item 1</li>
<!-- lang: html -->
  <li>list item 2</li>
<!-- lang: html -->
  <li>list item 3</li>
<!-- lang: html -->
  <li>list item 4</li>
<!-- lang: html -->
  <li>list item 5</li>
<!-- lang: html -->
</ul>

我们可以把该方法应用到这个列表项目集：
$('li').eq(2).css('background-color', 'red');
这个调用的结果是为项目 3 设置了红色背景。请注意，index 是基于零的，并且是在 jQuery 对象中引用元素的位置，而不是在 DOM 树中。

C.  find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

D.  attr() 方法设置或返回被选元素的属性值
  语法同text（）方法的使用

3$(“#banner_list a”).filter(“:visible”).fadeOut(500).parent().children().eq(i).fadeIn(1000);

<!-- lang: html -->
 <ul>
<!-- lang: html -->
  <li>list item 1</li>
<!-- lang: html -->
  <li>list item 2</li>
<!-- lang: html -->
  <li>list item 3</li>
<!-- lang: html -->
  <li>list item 4</li>
<!-- lang: html -->
  <li>list item 5</li>
<!-- lang: html -->
  <li>list item 6</li>
<!-- lang: html -->
</ul>

我们可以向这个列表项集合应用该方法：
$('li').filter(':even').css('background-color', 'red');
此调用的结果是将项目 1, 3, 5 的背景设置为红色，这是因为它们都匹配选择器（回忆一下，:even 和 :odd 均使用基于 0 的 index）。