jQuery选择器

兄弟元素获取

.next([selector])和 .prev([selector])下一个和前一个
.nextAll([selector])和 .prevAll([selector])后面所有和前面所有
.siblings([selectors])所有兄弟元素

父子元素获取

.parent([selector])直接父元素
.parents([selector])所有祖先元素
.children([selector])直接子元素
.find([selector])所有后代元素

筛选当前结果集

.first()选择结果中的第一个
.last()选择结果中的最后一个
.filter(selector), .filter(function(index))筛选当前结果集中符合条件的对象,参数可以是一个选择器或者一个函数
例:给所有a添加class aaa

    <ul class="panel">
        <li>a-1</li>
        <li>a-2</li>
        <li>a-3</li>
        <li>a-2</li>
        <li>a-3</li>
        <li>b-1</li>
    </ul>


var $list = $('.panel li').filter(function(index, node){
    var str = $(this).html();
    if(str.indexOf('a-')>-1){
        return true;
    }
})
$list.addClass('aaa')

.not(selector), .not(function(index))从匹配的元素集合中移除指定的元素,和filter相反
.has(selector), .has(dom)筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素
.filter()和.has()不同之处:filter()方法,条件作用于自身;has()方法条件是作用于它的后代元素中。
.is(selector), is(function(index)), is(dom/jqObj)判断,返回true or false

选择器.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容