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

最新推荐文章于 2023-07-26 11:39:53 发布

原创最新推荐文章于 2023-07-26 11:39:53 发布 · 807 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

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>