jQuery--选择方法及$(this)用法

最新推荐文章于 2024-07-23 20:57:47 发布

人生如初见_张默

最新推荐文章于 2024-07-23 20:57:47 发布

阅读量2.9k

点赞数 1

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_42176520/article/details/103595801

版权

这篇博客探讨了jQuery的选择方法，强调了利用方法进行元素选择并保持jQuery对象链式调用的重要性。同时，详细介绍了$(this)的用法，它如何返回与当前上下文相关的jQuery对象。

摘要由CSDN通过智能技术生成

选择方法

用方法来选择元素，可以视作$()函数的链式调用，返回仍然是一个jQuery对象

$(function() {
//一、根据结果集中元素位置来选择：first(),last(),eq(),slice()
//1、选择第一个li
    $('li').first().css('color','red');
//2、选择最后一个li
    $('li').last().css('color','red');
//3、选择第三个li,索引从0开始
    $('li').eq(2).css('color','red');
//4、范围选择：slice(起始索引，结束索引)，索引从0开始，结果中不包括结束索引的数据
    $('li').slice(1,4).css('color','red');
//5、slice()省略结束索引，默认选取到最后一个元素
    $('li').slice(1,).css('color','red');
//6、slice()支持负数，从倒数开始选择元素，如：slice(-3),选择最后三个
    $('li').slice(-3).css('color','red');
//二、根据结果集中元素的自身特性来选择元素：filter(),not()
//从结果中选择class为red的元素，等价于$('li.red')
$('li').filter('.red').css('color','red');
//filter()方法可以传入一个回调判断函