Articles récents

표시 상태를 바꾸는 스위치와 선명한 패널·옅은 패널을 표현한 문자 없는 일러스트

jQuery / Méthode / .fadeToggle() - Inverser la visibilité de chaque élément

Comprenez l’inversion indépendante de .fadeToggle(). Deux panneaux aux états initiaux opposés montrent rappels de fin, clics rapides, réinitialisation en cours et nouvel essai.

선명한 알림 패널이 점차 투명해져 사라지는 모습을 표현한 문자 없는 일러스트

jQuery / Méthode / .fadeOut() - Masquer progressivement des éléments

Distinguez le masquage avec .fadeOut() et la suppression du DOM. Un exemple complet de notification modifiable explique suppression après l’effet, saisie conservée, restauration et réinitialisation.

옅은 상태에서 선명해지는 알림 패널을 표현한 문자 없는 일러스트

jQuery / Méthode / .fadeIn() - Faire apparaître progressivement des éléments

Comprenez la durée et le rappel par élément de .fadeIn(). Un exemple complet à deux panneaux couvre progression, réinitialisation en cours, répétition et préférence de mouvement réduit.

누른 버튼에서 반응이 퍼지는 모습을 표현한 문자 없는 일러스트

jQuery / Méthode / .click() - Exécuter une action au clic

Distinguez l’enregistrement et le déclenchement avec jQuery .click(), puis passez à .on() et .trigger(). Un exemple complet couvre boutons dynamiques, doublons, retrait ciblé et réinitialisation.

큰 프레임의 직접 자식 세 패널을 강조하고 안쪽 패널은 별도로 강조하지 않은 일러스트

jQuery / Méthode / .children() - Sélectionner les enfants directs

Sélectionnez et filtrez les enfants directs avec jQuery .children(). Un exemple complet de carte imbriquée compare .find(), .contents(), ajout dynamique et réinitialisation.

같은 크기의 항목들을 하나의 집합으로 모아 개수를 확인하는 모습을 표현한 일러스트

jQuery / Propriété / .length - Compter les éléments sélectionnés

Utilisez jQuery .length pour compter les éléments et vérifier leur présence. Un exemple complet avec ajout, suppression et réinitialisation explique éléments masqués, filtres et sélections mémorisées.

서로 다른 모양의 형제 요소를 두 줄로 배치하고 각 줄의 두 번째 위치를 강조한 일러스트

jQuery / Sélecteur / :nth-child() - Sélectionner les positions an+b

Comprenez les positions à partir de un et les formules an+b. Un exemple complet mêlant plusieurs balises compare .eq(), :nth-of-type() et les effets d’une insertion dynamique.

분리된 표 머리글 아래에서 두 번째와 네 번째 데이터 행을 강조한 일러스트

jQuery / Sélecteur / :odd - Sélectionner les indices impairs

Comprenez les indices de :odd à partir de zéro et passez à .odd(). Un exemple complet de tableau compare en-tête, positions CSS, insertion de ligne, ordre des filtres et réinitialisation.

안쪽에 구체를 담은 바깥 상자 두 개를 강조해 포함 관계를 표현한 일러스트

jQuery / Sélecteur / :has() - Sélectionner les éléments contenant un élément correspondant

Repérez les conteneurs qui possèdent un descendant donné avec :has(). Un exemple complet compare liens directs et imbriqués, .has() et .find(), avec ajout dynamique, résultats et réinitialisation.

여섯 타일 가운데 첫 번째·세 번째·다섯 번째를 번갈아 강조한 일러스트

jQuery / Selector / :even - Sélectionner les éléments d’indice pair

Comprenez les indices :even à partir de zéro et passez à la méthode recommandée .even(). Un exemple complet compare deux listes réunies, la sélection par liste et :nth-child(even), avec résultats et remise à zéro.