Partager les différences entre jquery et js pour sélectionner toutes les fonctions-js tutoriel-php.cn

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

小云云

Libérer： 2018-01-10 09:24:49

original

1491 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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!