Maison > interface Web > js tutoriel > Exemple de méthode de contrôle de base d'opération jQuery Analysis_jquery

Exemple de méthode de contrôle de base d'opération jQuery Analysis_jquery

WBOY
Libérer: 2016-05-16 15:22:38
original
948 Les gens l'ont consulté

Les exemples de cet article décrivent comment utiliser les contrôles de base avec jQuery. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

1. Obtenez le contrôle en fonction de sa classe de style

Copier le code Le code est le suivant :
$(".className")...... // className représente C'est le style du contrôle

2. Obtenez le contrôle en fonction de son identifiant

Copier le code Le code est le suivant :
$("#id")......

3. Obtenez le contrôle en fonction de son nom

$("input[name='objName']")......
/*$("check[name='objName']")......*/
$("[name=objName]:checkbox")......
$("select[name='objName']")......
Copier après la connexion

4. Parcourez un groupe de contrôles

$(".className").each(function(){
  $(this).attr("title","点击维护"); //$(this)拿到当前遍历的对象
});
for(var i=0; i<$(".className").length; i++) {
 $(".className:eq("+i+")").attr("title","点击维护");
}

Copier après la connexion

5. Style CSS de contrôle des opérations

$("#objId").css("属性名"); //获取当前对象的CSS属性,如:$("#userName").css("color");返回userName的颜色
$("#objId").css("属性名","值"); //给当前控件设置CSS属性,如:$("#userName").css("color","#FFCCFF");将userName的颜色设置为#FFCCFF

Copier après la connexion

6. Propriétés communes des contrôles de fonctionnement

$("input[name='age']").attr("属性名"); //获取控件的基本属性
$("input[name='age']").attr("属性名","值"); //设置控件的基本属性,如:$("#input[name='age']").attr("size","30");

Copier après la connexion

J'espère que cet article sera utile à tous ceux qui programment jQuery.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal