Maison > Article > interface Web > Partager les différences entre jquery et js pour sélectionner toutes les fonctions

Partager les différences entre jquery et js pour sélectionner toutes les fonctions

小云云original: 2018-01-10 09:24:491462parcourir

Cet article présente principalement la différence entre jquery et js pour implémenter la fonction select all. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

1. Événements couramment utilisés dans jquery

click(),dbclick()

focus(),blur()

change()

keydown(),keypress(),keyup()

mousedown(),mouseup() mouseenter(),mouseleave() mouseover(),mouseout() mousemove()

2. événement suspendu jquery

$("p").bind("nom de l'événement", fonction anonyme à exécuter)

$("p").unbind("nom de l'événement " )

3. jquery implémente la fonction all-select (le point clé est que les attributs utilisent .prop() au lieu de .attr())

Le code est le suivant :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="{utf-8}">
    <title></title>
    <script src="../jquery-3.2.0.js"></script>
  </head>
  <body>
    <form>
      <input type="checkbox" class="all"/>省市<br />
      <input type="checkbox" class="a"/>山东
      <input type="checkbox" class="a"/>山西
      <input type="checkbox" class="a"/>北京
      <input type="checkbox" class="a"/>河北
      <input type="checkbox" class="a"/>江苏
    </form>
  </body>
</html>
<script>
  $(".all").click(function(){
//    alert($(this)[0].checked);//如果选中则返回true;否则返回false
    var a= $(this)[0].checked; //dom对象
//   alert($(this).prop("checked"));
     var a=$(this).prop("checked");//获取jquery对象
//改变子复选框的状态 用prop代替attr，解决了之前用js写出现的bug,但是在源代码中查不到
  $(".a").prop("checked",a); 
  })
</script>

Comparez js Sélectionnez tout le code : {Pour plus de détails sur le 03/05/2017, voir Accès aux données (requête à conditions multiples pour louer une maison)>

function quanxuan(a,ff)
{
  var ck = document.getElementsByClassName(ff);
  if(a.checked)
  {
    for(var i=0;i<ck.length;i++)
    {
      ck[i].setAttribute("checked","checked");
    }
  }
  else
  {
    for(var i=0;i<ck.length;i++)
    {
      ck[i].removeAttribute("checked");
    }
  }
}
</script>

De plus, jquery peut remplacez toutes les fonctions de js, sauf settimeout et setinterval.

Recommandations associées :

Utilisez Javscript pour implémenter la fonction de sélection totale des cases à cocher du formulaire_Effets spéciaux du formulaire

Écrivez-le avec la case à cocher jquery——Similaire à la boîte aux lettres, sélectionnez tout function_jquery

Jquery simple sélectionnez tout function_jquery

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：Une analyse approfondie d'AjaxFileUpload pour implémenter la bibliothèque de téléchargement de fichiers Ajax pour un seul fichierArticle suivant：Une analyse approfondie d'AjaxFileUpload pour implémenter la bibliothèque de téléchargement de fichiers Ajax pour un seul fichier

Articles Liés

Voir plus