jquery data attr val 用法

最新推荐文章于 2021-10-08 17:25:56 发布

fangchao3652

最新推荐文章于 2021-10-08 17:25:56 发布

阅读量1.1k

点赞数 1

分类专栏： JS 文章标签： jquery

本文链接：https://blog.csdn.net/fangchao3652/article/details/50938802

版权

JS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("p").click(function(e){
    alert("Value: " + $(e.target).data('aa'));
  });
});
</script>
</head>

<body>
<p>姓名：<input type="text" id="test" value="米老鼠" data-aa="aaa"></p>
<button>显示data-aa的值</button>
</body>

</html>

attr:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert($("#w3s").attr("aa"));
  });
});
</script>
</head>

<body>
<p><a href="http://www.w3school.com.cn" id="w3s" aa="12345">W3School.com.cn</a></p>
<button>显示 aa自定义属性的值</button>
</body>

</html>

val:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert("Value: " + $("#test").val());
  });
});
</script>
</head>

<body>
<p>姓名：<input type="text" id="test" value="米老鼠"></p>
<button>显示值</button>
</body>

</html>