Jquery基本过滤器



1、改变样式方法：css()方法，两个参数。第一个要改变的属性名称，第二个是其属性值。比如：$("div1").css("background","yellow")。

2、基本过滤器。

：first选取第一1个元素。$("div:first")

:last选取最后一个元素。$("div:last")

:not选取不满足“选择其”条件的元素。$("input:not(.myClass)")

:even,:odd选取索引是奇数、偶数的元素

：eq(索引序号)，:gt(索引序号),:lt(索引序号)分别表示

等于、大于、小于等于索引的元素。

:header选取所有h1...h6元素。$(":header")

1、jQuery转换dom对象，操作dom属性。

方法一，遍历或者用索引转换dom对象

$("a").each(funcation(index,value){

    alert("index="+index+",value="+value.href);

    alert(this.href)

})

方法二，使用jQuery函数attr()操作dom属性或者元素属性

alert($("#a1").attr("title"))//获取title属性值。

$("#a2").attr("href","bb.htm");//修改元素属性（arr键值队形式）

$("#a2").attr({"href":"cc.htm","title":"超链接2"})//同时修改多个元素属性

$("#a1").removeAttr("href")//删除元素属性

2、css样式的添加、移除和修改

1>、添加、移除css样式。

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

    $("a").addClass("cssTest");//cssTest样式的名称

    $("a").addClass("cssTest1cssTest2");//同时添加多个类样式

    $("a").removeClass("cssTest1");

})

2>、修改css样式。

$("Button2").click(funcation(){

    $("#a2").css({"background-color":"yellow","color":"red"});

})

3>toggleClass("myclass")切换样式，如果存在样式则去掉，如果没有样式则添加样式，影响原先的样式。