Maison >interface Web >js tutoriel >Comment implémenter le sélecteur de contexte dans JQuery

Comment implémenter le sélecteur de contexte dans JQuery

PHPz
PHPzoriginal
2016-05-16 15:58:311137parcourir

Cet article présente principalement la méthode d'implémentation du sélecteur de contexte dans JQuery, impliquant des compétences associées aux éléments de la page d'exploitation jQuery. Les amis dans le besoin peuvent s'y référer

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

[Tutoriels associés recommandés]

1. Tutoriel vidéo JavaScript
2. Manuel en ligne JavaScript
3 Tutoriel bootstrap

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