JQUERY
Définir un objetobj=$("#id de l'objet")
ou
obj=$("[name='nom']")
ou
obj=$("[name='nom']")
Afficher un message dans une zone (formulaire)
$(obj).get(0).setCustomValidity("message")
Modifier la bordure
$(obj).css({"border":"1px solid #cccccc"})
Connaitre la valeur de l'attribut
$(obj).attr("nom_attribut")
Modifier la valeur de l'attribut
$(obj).attr("attribut","valeur")
Savoir si l'objet est coché
$(obj).prop("checked")// true si cochée
Indice de la sélection
$(obj).prop('selectedIndex')
// N° index
// N° index
Parcourrir une liste d'idems d'un objet
$("ul li").each(function(i){
alert(i+"-"+$(this).html())
})
alert(i+"-"+$(this).html())
})
Afficher/masquer
$(obj).hide(0)//cacher
ou
$(obj).show(0)//afficher
ou
$(obj).show(0)//afficher
Savoir si un objet a des enfants
if(obj.children().length>0)
// enfant(s) oui
obj.children()//objet enfant(s)
// enfant(s) oui
obj.children()//objet enfant(s)
Programmer un objet au clic
$("#id_obj").on("click",function(){
//actions à réaliser
})
//actions à réaliser
})
JAVASCRIPT
Définir un objet obj=document.getElementById("idObjet")
ou
obj=document.getElementsByName("nom")[0]
ou
obj=document.getElementsByName("nom")[0]
Afficher un message dans une zone (formulaire)
obj.setCustomValidity("message")
Modifier la bordure
obj.style.border="1px solid #cccccc"
Connaitre la valeur de l'attribut
obj.getAttribute("nom_attribut")
Modifier la valeur de l'attribut
obj.setAttribute("attribut","valeur")
Savoir si l'objet est coché
if(obj.checked==true) //true si cochée
Indice de la sélection
obj.selectedIndex
// N° index
// N° index
Parcourrir une liste d'idems d'un objet
obj=document.querySelectorAll("ul li")
obj.forEach(function(e,i,g)
{alert(i+"/"+e.innerHTML)})
obj.forEach(function(e,i,g)
{alert(i+"/"+e.innerHTML)})
Afficher/masquer
obj.style.display="none" //cacher
ou
obj.style.display ="block" // afficher "flex" ou "inline"...
ou
obj.style.display ="block" // afficher "flex" ou "inline"...
Savoir si un objet a des enfants
if(obj.hasChildNodes()) // true si enfant(s)
obj.childNodes //les enfants
obj.childNodes.length //nbr d'enfants
obj.childNodes //les enfants
obj.childNodes.length //nbr d'enfants
Programmer un objet au clic
obj.addEventListener("click",function(){
//actions à réaliser
})
//actions à réaliser
})