JQUERY obtient la valeur de l'attribut via le nom de la balise actuelle-js tutoriel-php.cn

JQUERY obtient la valeur de l'attribut via le nom de la balise actuelle

php中世界最好的语言

Libérer： 2018-04-18 10:45:38

original

2541 Les gens l'ont consulté

Cette fois, je vais vous apporter JQUERY pour obtenir la valeur de l'attribut via le nom de la balise actuelle. Quelles sont les précautions pour que JQUERY obtienne le. valeur d'attribut via le nom de la balise actuelle, ce qui suit est un cas pratique, jetons un coup d'œil.

Plus de bêtises, le code spécifique est le suivant :

<html>
 <head>
  <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
  <script type="text/javascript">
   /** JQUERY 通过当前标签属性名，获取属性的值 */
   function attrsByJquery(obj){
    var v1 = $(obj).attr("dbname");
    var v2 = $(obj).attr("name");
    alert(v1);
    alert(v2);
   }
   
   /** JAVASCRIPT 通过当前标签属性名，获取属性的值 */
   function attrsByJs(obj){
    var v1 = obj.getAttribute('name');
    var v2 = obj.getAttribute('dbname');
    alert(v1);
    alert(v2);
   }
   
   function attrsButtons(obj){
    var v = obj.getAttribute('name');
    var vv = $(obj).attr("myname");
    alert(v);
    alert(vv);
   }
   
  </script>
 </head>
 <body>
  <p>
   <p style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" dbname="oracle1" onclick="attrsByJs(this)">JavaScript</p>
   <p style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" dbname="oracle2" onclick="attrsByJquery(this)">Juqery</p>
   <input type="button" name="abcdeg" myname="this is my name" onclick="attrsButtons(this)" value="buttons">
  </p>
 </body>
</html>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez. faites attention aux autres sites Web chinois php Articles connexes !

Lecture recommandée :

Implémentation de l'effet de porte coulissante js

Vue Router+Vuex implémente la sauvegarde de l'état arrière

BootStrap implémente l'affichage de la progression lors du téléchargement de fichiers

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!