3.25

课堂笔记

1.基本选择器

选择器	描述
#id	根据给定的ID匹配一个元素
.class	根据给定的类名匹配元素
element	根据给定元素名匹配元素
*	匹配所有元素
selector1,selector2,selector3	将每一个选择器匹配到的元素合并返回

2.层次选择器

选择器	描述
$('a d')	选取a元素里所有的d后代元素
$('p>c')	选取p元素下的c子元素
$('prev+next')	选取紧邻在prev元素后的next元素
$('prev~siblings')	选取prev元素之后的所有siblings兄弟元素

3.过滤选择器

选择器	描述
:first	选取第一个元素
:last	选取最后一个元素
:not(selector)	去除所有与指定选择器匹配的元素
:even	选取所有索引是偶数的元素
:odd	选取所有索引是奇数的元素
:containes(text)	选取所有文本内容为'text'的元素
:empty	选取不包含子元素或者文本的空元素
:has	选取含有选择器所匹配的元素的父元素
[attr]	选取拥有此属性的元素
[attr = value]	选取属性值为value的元素
[attr^=value]	选取属性值以value开头的元素
[attr$=value]	选取属性值以value结束的元素
[attr*=value]	选取属性值含有value的元素
:nth-child(index)	选取父元素下第index个子元素或者奇偶元素
:first-child	选取父元素的第一个子元素
:last-child	选取每个父元素的最后一个子元素

var $li = $('ul li:eq(1)');
  var li_txt = $li.text();
  alert(li_txt);

var $para = $('p');
	var p_text = $para.attr('title');
	alert(p_text);

 var $li_1 = $('<li>1</li>');
	var $li_2 = $('<li>2</li>');
	$('ul').append($li_1);
	$('ul').append($li_2);

var $li_1 = $('<li title="香蕉">香蕉</li>');
	var $li_2 = $('<li title="雪梨">雪梨</li>');
	$('ul').append($li_1);
	$('ul').append($li_2);