jQuery过滤器

来源:互联网 发布:论文流程图画图软件 编辑:程序博客网 时间:2024/05/22 08:20
<body><ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li></ul></body><script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">// :odd 奇数行选择器 因为index是由0开始算的 所以0是偶数行$('ul li:odd').css('background-color','greenyellow');// :even 偶数行选择器$('ul li:even').css('background-color','lightcyan');// :first 第一行选择器$('ul li:first').css('color','red');// :last  最后一行选择器$('ul li:last').css('color','blue');// :eq(n) 选择第n行$('ul li:eq(4)').css('color','yellow');// :lt(n) 第n行之前的全部行$('ul li:lt(4)').css('border','1px solid pink');// :gt(n) 第n行之后的全部行$('ul li:gt(4)').css('border','1px solid black');</script>

原创粉丝点击