首页 > Web开发 > 详细

jQuery选择器

时间:2015-12-03 02:03:13      阅读:322      评论:0      收藏:0      [点我收藏+]
//    基本选择器=================================== 
// id选择器 $(‘#layer1‘).html(‘aaaa‘);
// 元素选择器 $(‘p‘).html(‘ppppp‘);
// 类选择器 $(‘.my_p‘).html(‘my_p‘);
// 并集选择器 $(‘#layer1,#layer2,#layer3‘).css(‘border‘,"1px solid red");
// ==========================================================
// 层级选择器======================================================
// 后辈选择器 $(‘#Hierarchy div ul li.my_li‘).css(‘background‘,"#ccc");
// 直接子元素选择器 $(‘#Hierarchy>ul‘).css("background",‘#ccc‘);
// 同级直接后一个元素 $(‘#Hierarchy div.div1 ul+p‘).css(‘background‘,"#ccc");
// 同级后面所有元素 $(‘#Hierarchy div.div1 ul~p‘).css(‘background‘,"#ccc");
//==============================================================================
// 过滤选择器 // 过滤出第一个 $(‘li:first,li:last‘).css(‘border‘,‘1px solid red‘);
// 排除过滤器 $(‘li:not(:first)‘).css(‘border‘,‘1px solid red‘);
//找出没有选中的checkbox $(‘input:not(:checked)‘).attr(‘checked‘,‘true‘);
// 索引奇数偶数过滤器 $(‘table tr:odd‘).css(‘background‘,‘#ddd‘);
// 索引 大于小于过滤器 $(‘table tr:lt(2)‘).css(‘background‘,‘#ddd‘);
$(‘#basic‘).animate({ ‘width‘:‘400px‘, ‘height‘:‘400px‘ },1000);

jQuery选择器

原文:http://www.cnblogs.com/yzhong/p/5014845.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!