jquery
1、多个选择结果的集合
$('span,p,#div').css('width','200');
2、匹配所有元素
$('*').size();
3、选择紧邻的同辈元素
$('span+img').css('height','200');
4、选择元素后的同辈元素
$('#p~span').attr('id');
5、去除所有与给定选择器匹配的元素
$('#div p:not(.cls,#p1)').width(200);
6、选取索引是偶数的元素
$('p:even').css('height','30px');
7、选取索引是奇数的元素
$('p:odd').css('height','30px');
8、选取索引大于index的所有元素
$('p:gt(1)').css('color','#333');
9、选取索引小于index的所有元素
$('p:gt(1)').css('color','#333');
10、选取含有内容为text的元素
$('p：contains(a)').css('color','#333');
11、选取不包含子元素或文本的空元素
$('p:empty').css('color','#333');
12、选取含有选择器匹配的元素的元素
$('p:has(span)').css('color','#333');
13、选取含有子元素或文本的元素
$('p:parent').css('color','#333');
14、选取拥有id属性的元素
$('p[id]').css('color','#333');
15、选取属性值为book的元素
$('p[id=book]').css('color','#333');
16、选取属性值不为book的元素
$('p[id!=book]').css('color','#333');
17、选取属性值以book开始的元素
$('p[id^=book]').css('color','#333');
18、选取属性值以book开始的元素
$('p[id$=book]').css('color','#333');
19、用属性选择器合并成一个复合属性选择器，满足多个条件
$('p[id*=book][title]').css('color','#333');
20、元素索引满足指定的表达式(n从0开始代入)
$('p：nth-of-child(3n+1)').css('color','#333');
21、匹配父元素中唯一的子元素
$('p:last-child').css('color','red');
22、选取所有的input元素
$('#form*:input').size();
23、选取所有不可用的按钮元素
$('#form input:enable').css('color','green');
24、选取所有的选中的选项元素
$('#form option:selected').size();
25、复制节点同时复制事件
$('p').clone(true).appendTo('#div');
26、删除元素的父元素
$('#p1').unwrap();
27、分离节点
$('p').detach();
28、获得属性值
var src = $('#img1').prop(src);
29、设置属性值 prop(propertyName,value)
$('#img1').prop('src','img/01.png');
29、设置多个属性值 prop(map)
$('#img1').prop('src':'img/01.png','title':'ani');
30、通过函数来设置属性
$('#img1').prop('src',function(index,value){
return "img/"+(index+2)+".png";
);
31、从DOM中删除对应的属性
$('#img1').removeProp('src');
32、取复选框属性的值
$('checkbox').prop(key);
33、通过函数增加类样式
$('p').addClass(function(index,currentClass){
if(currentClass.indexof('green')>=0){
$(this).width(200);
)}
34、同时绑定多个事件类型
$('p').bind('mouseover mouseleave',function(){
})
35、获取事件对象中的数据
$('a').on('click',function(event){
alert(event.data.price);
})
