Maison > Article > interface Web > Résumé lié au contrôle des attributs d'élément JQuery

Résumé lié au contrôle des attributs d'élément JQuery

巴扎黑original: 2017-06-20 16:26:201074parcourir

Le code est le suivant :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="js/jquery-1.3.2.js" ></script> 
<script type="text/
javascript
"><!-- 
    $(function(){ 
             $("#aAttr1").click(function(){ 
                    $(    ":text").attr("value",$("#pTest").attr("id"));                 
                }) 
             $("#aAttr2").click(function(){ 
                    $(    ":text").attr("value",function(){ 
                                                             
return
 $("#pTest").attr("id");         
                                                     });                 
                }) 
             $("#aAttr3").click(function(){ 
                    $(    ":text").attr({value:"test2"}); 
                }) 
             $("#aAttr4").click(function(){ 
                    $("#inputTest2").removeAttr("value");     
                }) 
    }) 
// --></script> 
<title>无标题文档</title> 
</head> 
<body> 
<form> 
<input id="inputTest1" type="text" /> 
<input id="inputTest2" type="text" value="test" /> 
<p id="pTest">123</p> 
<a href="#" id="aAttr1">在text表单中显示p的ID方法1</a>｜ 
<a href="#" id="aAttr2">在text表单中显示p的ID方法2</a>｜ 
<a href="#" id="aAttr3">在text表单中显示test2</a>｜ 
<a href="#" id="aAttr4">去除inputTest2的value属性</a>｜ 
<input type="reset" /> 
</form> 
</body> 
</html>

1.element.attr(nom )
Description : Utilisé pour obtenir la valeur de l'attribut de nom d'un élément. Par exemple, $("#pTest").attr("id") dans l'exemple peut obtenir la valeur ID de pTest.
2.element.attr(name, value)
Description : Utilisé pour définir la valeur de l'attribut de nom d'un élément, tel que $(":text").attr("value",$("# in l'exemple) pTest").attr("id")) attribue la valeur ID de pTest à la valeur valeur du formulaire texte.
Remarque : Dans l'exemple (":text") est utilisé pour obtenir les éléments dont le type de formulaire de saisie est du texte De même d'autres formulaires peuvent également être obtenus de la même manière, comme b3d8288df32708a301371a69666995deVous pouvez utiliser $(":button") pour l'obtenir, et sa valeur de retour est Array(Element). Vous pouvez également utiliser $(":input") pour obtenir tous les éléments d'entrée. . Pour obtenir et définir le texte et la valeur d'un élément dans JQuery, vous pouvez également utiliser element.text()/element.text(value), element.val()/element.val(Value), l'utilisation est la même que element.html() , si vous avez des questions, vous pouvez laisser un commentaire et je vous l'expliquerai à nouveau

3.element.attr(name,function)
Description : Utilisé pour définir l'attribut name La valeur d'un élément est similaire à la précédente, sauf ici. La valeur peut être écrite sous forme de fonction, ce qui est plus flexible.
4.element.remove(name);
Description : Utilisé pour supprimer l'attribut name d'un élément.

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：La différence entre $("#id") et document.getElementById("id") dans jqueryArticle suivant：La différence entre $("#id") et document.getElementById("id") dans jquery

Articles Liés

Voir plus