web前端学习：JQuery选择器-2

索引选择器

• eq(3)获取索引的元素

• gt(3)索引大于3的所有元素

lt(3)索引小于3的所有的元素

$("#u1 li:eq(7)").css("backgroundColor","red");

$("#u1 li:gt(7)").css("backgroundColor","green");

$("#u1 li:lt(5)").css("backgroundColor","black");

Jquery操作样式

1. //第一种写法: $("#u1>li").css("backgroundColor","red"); $("#u1>li").css("fontSize","全新硬笔行书简"); $("#u1>li").css("fontSize","30px");

2. //第二种写法: var style={ "backgroundColor":"red", "fontSize":"全新硬笔行书简", "fontSize":"30px" }; $("#u1>li").css(style);

3. //第三种写法: $("#u1>li").css("backgroundColor","red").css("fontSize","全新硬笔行书简 ").css("fontSize","30px");

   console.log($("#u1>li").css("backgroundColor")); //获取属性的值,写一个参数即可

Jquery操作类样式

$("#btn1").click(function () {

 $("#dv").addClass("cls1");//添加一个样式 

$("#dv").addClass("cls1 cls2");//添加多个样式

$("#dv").addClass("cls1").addClass("cls2"); 

});

 $("#btn2").click(function () { 

//移除某个样式

 $("#dv").removeClass("cls1"); 

//移除多个样式 $("#dv").removeClass(); 

});

addClass();参数:类样式名字，添加样式的同时不会干掉原有的样式。

removeClass();不写参数移除所有的类样式。

removeClass(“cls“);移除指定的一个类样式。