1. 程式人生 > 其它 >jquery當中NodeList的用法

jquery當中NodeList的用法

jquery當中NodeList的用法

例 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>

更多內容請見原文,原文轉載自:

https://blog.csdn.net/qq_44594371/article/details/103061462