jquery学习之为多个属性同时赋值

最新推荐文章于 2021-01-27 02:47:39 发布

sunnana

最新推荐文章于 2021-01-27 02:47:39 发布

阅读量809

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML jQuery 文章标签： jquery ViewUI

本文链接：https://blog.youkuaiyun.com/sunnana/article/details/84600394

jQuery 同时被 2 个专栏收录

10 篇文章

订阅专栏

HTML

1 篇文章

订阅专栏

本文通过一个具体的示例展示了如何利用jQuery库中的方法为网页上的第一个段落元素添加ID属性和值。通过简单的按钮点击事件触发，实现了对指定元素的属性修改，并读取其值进行弹窗提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    var $first_p = $("p:eq(0)");
    $first_p.attr({"id":"first_p","value": "hello"});
    alert($("#first_p").val()); //"hello"
  });
});
</script>
<style type="text/css">
.main
{
font-size:120%;
color:red;
}
</style>
</head>

<body>
<h1 id="h1">This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button id="default">default</button>
<button id="large">large</button>
<button id="small">small</button>
</body>
</html>