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")切换样式,如果存在样式则去掉,如果没有样式则添加样式,影响原先的样式。