Heim  >  Artikel  >  Web-Frontend  >  Teilen Sie die Unterschiede zwischen jquery und js für die Auswahl aller Funktionen

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

小云云
小云云Original
2018-01-10 09:24:491447Durchsuche

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>

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

Stellungnahme:
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