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);

})

原文地址:https://www.cnblogs.com/cyppi/p/6605587.html