02jQuery之筛选选择器、链式编程、addClass( )、css( )、元素的显示和隐藏

本文介绍了jQuery中筛选选择器的使用,包括:even、:odd等,以及链式编程、addClass、css方法的语法与示例。同时,探讨了元素的显示与隐藏操作,及其与可见性过滤选择器的结合使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

筛选选择器:

在这里插入图片描述

语法描述示例
:even选取索引是偶数的所有元素(index从0开始)$(" li:even" )选取索引是偶数的所有li元素
:odd选取索引是奇数的所有元素(index从0开始)$(" li:odd" )选取索引是奇数的所有li元素

链式编程:

对一个对象进行多重操作,并将操作结果返回给该对象
示例:(对自己进行操作后,又对下一个兄弟进行操作)

 $("h2").css("background-color","#ccffff").next().css("display","block");

addClass( )方法:

添加一个class的样式。
语法:jQuery 对象.addClass([样式名]);
示例:$("#current").addClass("current");

css()方法:

语法:

css("属性","属性值") ;					//设置一个CSS属性
css({"属性1":"属性值1","属性2":"属性值2"...}) ;		//同时设置多个CSS属性

示例:

$(this).css({"background":"#c81623"});

元素的显示和隐藏:

语法:

$(selector).show( );
$(selector).hide( );

示例:

$(".nav-top").show( );
$("p").hide( );

经常和可见性过滤选择器进行一起操作:
在这里插入图片描述
示例:

$("p:hidden").show();
$("p:visble").hide();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值