一、选择器

http://ruyic.com/blog/html/view.php?id=466

1、JQ特有规则

:first 选中第一个li

$('.wrapper>ul li:first').css({color:'#fff'});

:last 获取最后一个li

$('.wrapper>ul li:last').css({color:'orange'});

:odd 选中奇数的li，计算机是从0开始排的0、2、4、6

$('.wrapper>ul li:odd').css({width:100, height:100, backgroundColor:'#008c8c', lineHeight:'100px',textAlign:'center'});

:even 偶数 1 3 5

$('.wrapper>ul li:even').css({width:100, height:100, backgroundColor:'#ff8c8c', lineHeight:'100px',textAlign:'center'});

:eq() 单独获取某一个，也是从0开始，0选中第一个 li 相当于:first

$('.wrapper>ul li:eq(0)').css({width:150, fontSize:70, color:'#fff', backgroundColor:'#ff8c8c'});

选的是第五个 li

$('.wrapper>ul li:eq(4)').css({width:200, fontSize:70, color:'#fff', backgroundColor:'#ff8c8c'});

写多了也不报错

$('.wrapper>ul li:eq(11)').css({width:250, fontSize:70});

-1选中的是倒数第一个li

$('.wrapper>ul li:eq(-1)').css({width:300, fontSize:70, backgroundColor:'#ff8c8c'});

2、根据属性过滤

 $( 'li[data="Lili"]' ) 

 $( 'li[data$="Lili"]' )  li元素必须具有 "data" 属性，而且属性值必须以字符串 "Lili" 结尾的。选中第一个、第二个li

 $('li[data^="Lili"]')  li元素必须具有 "data" 属性，而且属性值必须以 "Lili" 开头

 $('li[data!="Lili"]')  反全被选中。选中除第二个以外所有的li

3、$()传function

 $( function(){ } )  传function的意思是，当 DOMContentLoaded 触发时里面的 funciton 函数才会执行

$(function(){
  console.log('当DOMContentLoaded触发才会执行这里');
});

$(function(){
  console.log('当DOMContentLoaded触发才会执行这里');
});

二、筛选

三、文档处理

四、属性

jquery

http://ruyic.com/blog/html/view.php?id=471

html表单元素

http://ruyic.com/blog/html/view.php?id=335

http://ruyic.com/blog/html/view.php?id=334

获取标签内容

.html() 

.text()

.size()

类名相关操作及深意

.addClass() 

.removeClass() 

.hasClass()

设置行间样式

.css()

操作属性

.attr()

.prop()

操作input属性

.val()

五、css

六、事件

七、ajax