Résumé lié au contrôle des attributs d'élément JQuery-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-06-20 16:26:20

original

1083 Les gens l'ont consulté

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>

Copier après la connexion

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 Vous 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!