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

筛选选择器:

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

语法 描述 示例
: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( )、元素的显示和隐藏_第2张图片
示例:

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

你可能感兴趣的:(html)