Teilen Sie die Unterschiede zwischen jquery und js für die Auswahl aller Funktionen-js-Tutorial-php.cn

Teilen Sie die Unterschiede zwischen jquery und js für die Auswahl aller Funktionen

小云云

Freigeben： 2018-01-10 09:24:49

Original

1410 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich den Unterschied zwischen jquery und js vor, um die Funktion „Alle auswählen“ zu implementieren. Freunde, die sie benötigen, können darauf verweisen.

1. Häufig verwendete Ereignisse in jquery

click(), dbclick()

focus(), Blur()

change()

keydown(),keypress(),keyup()

mousedown(),mouseup() mouseenter(),mouseleave() Mouseover(),mouseout() Mousemove()

2. Jquery-Hängeereignis

$("p").bind("Ereignisname", auszuführende anonyme Funktion)

$("p").unbind("Ereignisname " )

3. jquery implementiert die All-Select-Funktion (der entscheidende Punkt ist, dass Attribute .prop() anstelle von .attr() verwenden)

Der Code lautet wie folgt:

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

Nach dem Login kopieren

Js vergleichen. Alle Codes auswählen: {Einzelheiten zum 03.05.2017 finden Sie unter Datenzugriff (Abfrage mehrerer Bedingungen für „Rent a House“).🎜>

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>

Nach dem Login kopieren

Darüber hinaus kann jquery Ersetzen Sie alle Funktionen von js, außer settimeout und setinterval.

Verwandte Empfehlungen:

Verwenden Sie Javascript, um die All-Select-Funktion von Formular-Kontrollkästchen zu implementieren_Formular-Spezialeffekte

Schreiben Sie es mit Jquery-Kontrollkästchen – Ähnlich wie bei der Mailbox wählen Sie alle function_jquery aus

Einfache JQuery wählt alle function_jquery aus

Das obige ist der detaillierte Inhalt vonTeilen Sie die Unterschiede zwischen jquery und js für die Auswahl aller Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!