Cet article partage principalement avec vous des exemples d'attributs js couramment utilisés. Tout d'abord, il y a quelques attributs communs, j'espère qu'il pourra aider tout le monde.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
$( "p" ).dblclick( function () {
$( this ).css( "color" , "green" );
})
$( "p" ).mouseenter( function () {
$( this ).text( "鼠标指针穿过元素" );
})
$( "p" ).mouseleave( function () {
$( this ).text( "鼠标指针离开元素" );<br>})
$( "p" ).mousedown( function () {
$( this ).text( "鼠标指针移动到元素上方,并按下鼠标按键" );
})
$( "p" ).mouseup( function () {
$( this ).text( "在元素上松开鼠标按钮时" );
})
$( ":text" ).focus( function () {
$( this ).val( "元素获得焦点" );
})
$( ":text" ).blur( function () {
$( this ).val( "元素失去焦点" );
})
|
Méthode d'insertion :
1
2
3
4
5
6
7
8
9
10
11
12
|
var i = $( "#ul1 li" ).length;
$( "#btn1" ).click( function () {
i++;
$( "#ul1" ).append( "<li>add" + i + "</li>" )
})
var j = 1;
$( "#btn2" ).click( function () {
j--;
$( "#ul1" ).prepend( "<li>add" + j + "</li>" )
})<br>before()
|
Méthode de suppression
1
2
3
|
$( "#btn4" ).click( function () {
$( "#ul1 li:first" ).remove()
})
|
remove() - Supprime l'élément sélectionné (et ses éléments enfants)
empty() - Supprime l'élément enfant de l'élément sélectionné et efface l'attribut parent
2
3
|
1
2
3
|
parent() 被选元素的直接父元素
parents() 被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)
parentsUntil()介于两个给定元素之间的所有祖先元素
|
parent() Le direct élément parent de l'élément sélectionné
parents() Tous les éléments ancêtres de l'élément sélectionné, jusqu'à l'élément racine du document (<html>)
parentsUntil() Tous éléments ancêtres entre deux éléments donnés
|
Propriétés descendantes
1
2
3
|
children() 方法返回被选元素的所有直接子元素 只一级
find() 方法返回被选元素的指定后代元素,一路向下直到最后一个后代<br> $( "p" ).find( "span" );
|
Attributs des frères et sœurs
1
2
3
4
5
6
7
8
9
10
|
siblings()
$( "h2" ).siblings().css({ "color" : "red" , "border" : "2px solid red" });
$( "h2" ).siblings( "p" ).css({ "color" : "red" , "border" : "2px solid red" });
next()
$( "h2" ).next().css({ "color" : "red" , "border" : "2px solid red" });
nextAll()
$( "h2" ).nextAll();
nextUntil()
$( "h2" ).nextUntil( "h6" );
prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。
|
Filtre de déplacement
1
2
3
4
5
6
7
8
9
10
|
first() 方法返回被选元素的首个元素
$( "p p" ).first();
last() 方法返回被选元素的最后一个元素。
$( "p p" ).last();
eq() 方法返回被选元素中带有指定索引号的元素。从0开始
$( "p" ).eq(1);
filter() 方法规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
$( "p" ).filter( ".intro" );
not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。
$( "p" ).not( ".intro" );
|
Recommandations associées :
Quels sont les attributs couramment utilisés pour diviser les cadres en HTML
Introduction détaillée aux attributs CSS courants
Introduction aux attributs communs en CSS3
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!