jquery当中NodeList的用法

最新推荐文章于 2024-06-22 09:15:39 发布

原创最新推荐文章于 2024-06-22 09:15:39 发布 · 811 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#马克java社区 #jquery NodeList #马克-to-win #jquery

javascript 专栏收录该内容

119 篇文章

订阅专栏

本文通过两个HTML示例展示了如何使用jQuery选择元素并修改其内容。第一个示例在`window.onload`事件中进行操作，第二个示例则利用了jQuery的简化写法，在文档加载完成后执行相同的任务。每个被选中的`<a>`标签内的文本都会被更新为包含“marktowin”的字符串加上一个递增的数字。

例 1.2（NodeList.html）

<html>
<head>
<title></title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
window.onload = function(){

    var oEle = $("h2 a"); //选出两个符合条件的
    for(var i=0;i<oEle.length;i++)
/*马克-to-win：注意oElements[i]虽然是个jquery对象,他也可以用innerHTML*/
        oEle[i].innerHTML = "mark to win"+i.toString();
}
</script>
</head>
<body>
<h2><a href="#">马克-to-win</a>内容</h2>
<h2>内容<a href="#">马克-to-win</a></h2>
</body>
</html>

例 1.2_a:

<html>
<head>
<title></title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){

    var oEle = $("h2 a"); //选出两个符合条件的
    for(var i=0;i<oEle.length;i++)
/*注意oElements[i]虽然是个jquery对象,他也可以用innerHTML*/
        oEle[i].innerHTML = "mark to win"+i.toString();
});
</script>
</head>
<body>
<h2><a href="#">马克-towin</a>内容</h2>
<h2>内容<a href="#">马克-towin</a></h2>
</body>
</html>