Heim >Web-Frontend >js-Tutorial >Zusammenfassung zur JQuery-Elementattributsteuerung

Zusammenfassung zur JQuery-Elementattributsteuerung

巴扎黑Original: 2017-06-20 16:26:201106Durchsuche

Der Code lautet wie folgt:

<!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(name )
Beschreibung: Wird verwendet, um den Namensattributwert eines bestimmten Elements abzurufen. Beispielsweise kann $("#pTest").attr("id") im Beispiel den ID-Wert von pTest abrufen.
2.element.attr(name, value)
Beschreibung: Wird verwendet, um den Namensattributwert eines Elements festzulegen, z. B. $(":text").attr("value",$("# in Das Beispiel) pTest").attr("id")) weist den ID-Wert von pTest dem Wert value der Textform zu.
Hinweis: Im Beispiel wird („:text“) verwendet, um die Elemente abzurufen, deren Eingabeformulartyp Text ist. Ebenso können andere -Formulare auf die gleiche Weise abgerufen werden, z. B. 14f6d60744c8fec5cc7a9a2bfda0ad8b Sie können $(":button") verwenden, um es abzurufen, und sein Rückgabewert ist Array(Element). Sie können auch $(":input") verwenden, um alle Eingabeelemente abzurufen. . Um den Text und den Wert eines Elements in JQuery abzurufen und festzulegen, können Sie auch element.text()/element.text(value), element.val()/element.val(Value) verwenden. Die Verwendung ist dieselbe wie element.html() , wenn Sie Fragen haben, können Sie einen Kommentar hinterlassen und ich werde es noch einmal erklären

3.element.attr(name,function)
Beschreibung: Wird zum Festlegen des Namensattributs verwendet Der Wert eines Elements ähnelt dem vorherigen, außer hier. Der Wert kann als Funktion geschrieben werden, was flexibler ist.
4.element.remove(name);
Beschreibung: Wird verwendet, um das Namensattribut eines Elements zu entfernen.

Das obige ist der detaillierte Inhalt vonZusammenfassung zur JQuery-Elementattributsteuerung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Der Unterschied zwischen $("#id") und document.getElementById("id") in jqueryNächster Artikel：Der Unterschied zwischen $("#id") und document.getElementById("id") in jquery

In Verbindung stehende Artikel

Mehr sehen