Heim > Web-Frontend > js-Tutorial > So implementieren Sie den Kontextselektor in JQuery

So implementieren Sie den Kontextselektor in JQuery

PHPz
Freigeben: 2018-10-15 14:22:28
Original
1130 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Implementierungsmethode des Kontextselektors in JQuery vorgestellt, einschließlich der zugehörigen Fähigkeiten zur Bedienung von Seitenelementen in jQuery

<!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" />
<title>上下文选择器</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
 $(function () {
 $("#btnTest").click(
 function () {
  //表示取得表单id为mf内的所有单行文本框
  $(":text", $("#mf")).val("我是表单内的文本框");
 }
 );
 });
</script>
</head>
<body>
<input type="text" />
<input type="text" />
<input type="button" id="btnTest" value="单击我改变表单内的文本框文本" />
<form id="mf" action="1.htm">
<input type="text" />
<input type="text" />
<input type="text" />
</form>
</body>
</html>
Nach dem Login kopieren

[Verwandte Tutorials empfohlen]

1. JavaScript-Video-Tutorial
2. JavaScript-Online-Handbuch
3. Bootstrap-Tutorial

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage