(一)
直接父级:.parent();方法返回被选元素的直接父元素
所有父级:.parents(); 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素html
(二)
同级:.siblings() 方法返回被选元素的所有同胞元素
例子:$("h2").siblings("p"); 返回属于<h2>的同胞元素的所有<p>元素
所有同级:nextAll() 方法返回被选元素的所有跟随的同胞元素
区域同级:nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素
(三)
直接子元素:children() 方法返回被选元素的所有直接子元素
所有子元素:find() 方法返回被选元素的后代元素,一路向下直到最后一个后代
(例子)
当前元素的上一个元素:$("").parent().prev().css(“background”,“red”)
当前元素的下一个元素:$("").parent().next().css(“background”,“red”)
当前元素父元素:$("").parent().css(“background”,“red”)
当前元素子元素:$("").children().css(“background”,“red”)
样式相关:增加样式.addClass();设置/改变样式:$(".logo").css(“border”,“none”)
属性与样式之.attr()与.removeAttr(),通过一定的触发事件来使一些元素上增加或者删除一些属性
例子:禁用与激活按钮
Js代码 收藏代码
$("#btnSendCode").attr(“disabled”, “true”); //禁用
$("#btnSendCode").removeAttr(“disabled”); //启用按钮,启用激活
.attr():
1、获取匹配元素的属性,例如:
(
"
i
m
g
"
)
.
a
t
t
r
(
"
s
r
c
"
)
;
2
、
设
置
匹
配
元
素
的
属
性
,
例
如
:
单
一
属
性
的
设
置
:
("img").attr("src"); 2、设置匹配元素的属性,例如: 单一属性的设置:
("img").attr("src");2、设置匹配元素的属性,例如:单一属性的设置:(“img”).attr(“src”,“test.jpg”);
多个属性的设置:
(
"
i
m
g
"
)
.
a
t
t
r
(
s
r
c
:
"
t
e
s
t
.
j
p
g
"
,
a
l
t
:
"
T
e
s
t
I
m
a
g
e
"
)
;
3
、
("img").attr({ src: "test.jpg", alt: "Test Image" }); 3、
("img").attr(src:"test.jpg",alt:"TestImage");3、(“img”).attr(“title”, function() { return this.src });
.removeAttr():
1.从每一个匹配的元素中删除相应的属性
删除一个属性:
(
"
i
m
g
"
)
.
r
e
m
o
v
e
A
t
t
r
(
"
s
r
c
"
)
;
删
除
多
个
属
性
:
("img").removeAttr("src"); 删除多个属性:
("img").removeAttr("src");删除多个属性:(“img”).removeAttr(“src alt”);//img的src和alt都会被删除
2.平常的使用中我们还可以通过如下这种方法来进行删除:
$(“img”).attr(“src”,"");
$("img").attr({src:"",alt:""});
.removeAttr()和.attr()使用这两方法的区别在于页面html的结构不同
removeAttr直接将这个属性删除,在页面中看到的就是这个结果
attr不会删除这个属性,只是将这个属性的值置为空,在页面中看到的就是,实际上和
的效果是一样的