<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>The above is the detailed content of js and jquery get the attribute value in the html tag through this. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
