<script src="../jquery-1.8.3.min.js"></script> <script> $(function () { //各种过滤选择器 $('li:first').css('background','black'); //选取第一个元素 返回的是单个元素 $('li:last').css('background','black'); //选取最后一个元素 返回的是单个元素 $('li:not(.red)').css('background','black') //选取class!=red的元素 返回的是集合元素 $('li:even').css('background','black'); //选择索引从0开始为偶数的元素 返回的是集合元素 $('li:odd').css('background','black'); //选择索引从0开始为奇数的元素 返回的是集合元素 $('li:eq(0)').css('background','black'); //选择索引从(0)开始等于index的元素 返回的是单个元素 $('li:gt(0)').css('background','black'); //选择索引从(0)开始大于index的元素 返回的是集合元素 $('li:lt(0)').css('background','black'); //选择索引从(0)开始小于index的元素 返回的是集合元素 $(':header').css('background','black'); //选择标题元素 h1-h6 返回的是集合元素 $(':animated').css('background','black'); //选择正在执行动画的元素 返回的是集合元素 $(':focus').css('background','black'); //选择当前被焦点的元素 返回的是集合元素 //为了提高性能,jq提供了几种对应的方法 $('li').first().css('background','black'); $('li').last().css('background','black'); $('li').eq(0).css('background','black'); $('li').not(".red").css('background','black'); //内容过滤器 $('div:contains("111222")').css('background','black'); //选取含有"111222"文本的元素 返回元素集合 $('div:empty').css('background','black'); //选取不包含子元素或空文本的元素 返回元素集合 $('div:has(.red)').css('background','black'); //选取子元素class是red的元素 $('div:parent').css('background','black'); //选择非空元素 }) </script>
jQuery过滤选择器
最新推荐文章于 2024-01-13 22:21:09 发布