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:491404parcourir
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 :
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!