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

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

时间:2022-12-09 12:35:39浏览次数:45  
标签:示例 元素 li 02jQuery addClass 选择器 css 属性


筛选选择器:

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

语法

描述

示例

: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( );

经常和可见性过滤选择器进行一起操作:

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


示例:

$("p:hidden").show();
$("p:visble").hide();


标签:示例,元素,li,02jQuery,addClass,选择器,css,属性
From: https://blog.51cto.com/u_15907536/5924861

相关文章