Deux méthodes : 1. Utilisez css() pour définir la valeur de l'attribut border sur "none", et la syntaxe est "specify element.css("border","none")". 2. Utilisez attr() pour ajouter un nouveau style et écraser l'ancien style. La syntaxe est "specify element.attr("style","border:none")".
L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1, ordinateur Dell G3.
Dans jquery, vous pouvez supprimer le style de bordure en définissant la valeur de l'attribut border sur "aucun" via la méthode intégrée.
Deux méthodes pour supprimer la bordure :
1. Utilisez css() pour définir la valeur de l'attribut border sur "aucun". La méthode css() peut définir un ou plusieurs styles de propriété d'éléments correspondants. .
Supprimez la syntaxe :$(selector).css("border","none")
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-3.2.1.min.js"></script> <script> $(document).ready(function() { $("button").bind("click", function() { $("p").css("border","none"); }); }); </script> <style> p{ border: 2px solid red; background-color: pink; } </style> </head> <body> <button>去掉border样式</button> <p>这是一个p段落</p> <p>这是一个p段落</p> </body> </html>
2 Utilisez attr() pour ajouter un nouveau style de "border:none" et écraser l'ancien style
attr() peut définir les attributs. de la valeur de l'élément sélectionné.
Utilisez la méthode attr() pour définir l'attribut de style et ajouter un nouveau style en ligne "border:none".$(document).ready(function() { $("button").bind("click", function() { $("p").attr("style","border:none"); }); });
【Apprentissage recommandé : Tutoriel vidéo jQuery
,Vidéo web front-end】
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!