自丢网

标题: jQuery筛选选择器使用和方法,选择第一个最后一个,奇数偶数索引号 [打印本页]

作者: admin    时间: 2020-3-5 16:06
标题: jQuery筛选选择器使用和方法,选择第一个最后一个,奇数偶数索引号
jQuery筛选选择器使用和方法,选择第一个最后一个,奇数偶数索引号

:first
$(li:first')
获取第一个|i元素

:last
$(l:last')
获取最后一个i元素

:eq(index)
$(li:eq(2)")
获取到的1i元素中,选择索引号为2的元素,索引号index从0开始。

:odd
$("li:odd")
获取到的1i元素中,选择索引号为奇数的元素

:even
$("li:even")
获取到的1i元素中,选择索引号为偶数的元素
  1.     <script>
  2.         $(function() {
  3.             // $('ul li:first').css('color', 'red');
  4.             // $('ul li:eq(3)').css('color', 'blue');
  5.             //$('ul li:last').css('color', 'pink');
  6.             $('ul li:odd').css('color', 'red');
  7.             $('ul li:even').css('color', 'blue');
  8.         });
  9.     </script>
  10.     <ul>
  11.         <li>自丢网</li>
  12.         <li>自丢网</li>
  13.         <li>自丢网</li>
  14.         <li>自丢网</li>
  15.         <li>自丢网</li>
  16.     </ul>
复制代码






欢迎光临 自丢网 (https://www.zidiu.com/) Powered by Discuz! X3.5