<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="jquery-3.1.1/jquery-3.1.1.min.js"></script>
<div id="list">
<ul>
<li>aaaaaa</li>
<li>bbbbbb</li>
<li class="c">cccccc</li>
<li>dddddd</li>
<li>eeeeee</li>
</ul>
</div>
<script type="text/javascript">
// window.onload = function(){
// alert("這是js初始化函數(shù)");
// }
// window.onload = function(){
// alert("這也是一個(gè)js初始化函數(shù)");
// }
/*js中函數(shù)名相同函數(shù)會(huì)替換*/
// $(function(){
// alert("這是jq的初始化函數(shù)");
// });
//
// $(function(){
// alert("這也是一個(gè)jq的初始化函數(shù)");
// })
/*jq中函數(shù)名相同的函數(shù)不會(huì)被替換，其使用了閉包的技術(shù)*/
// $(document).ready(function(){
//
// });
//縮寫(xiě)
$(function(){
//得到一個(gè)js對(duì)象
var list = document.getElementById("list");
//通過(guò)$(js對(duì)象)就可以把js對(duì)象封裝成一個(gè)jq對(duì)象
$(list).css("color","#F4A460").css("background","#668B8B");
/*可以級(jí)聯(lián)設(shè)置*/
// 每一個(gè)jq對(duì)象（元素，節(jié)點(diǎn)）都是一個(gè)包裝集(就算用id選擇器匹配到的元素也一樣)
// 從包裝集中取出元素是js對(duì)象
$("#list li")[1].innerHTML = "這是一個(gè)js對(duì)象"
$(".c")[0].innerHTML = "這也是一個(gè)js對(duì)象"
list = $("#list ul li");
for(var i=0;i<list.length;i++){
var li = list[i];
//用js對(duì)象設(shè)置
// li.innerHTML="["+i+"]"+li.innerHTML;
//用jq對(duì)象設(shè)置
$(li).html("["+i+"]"+$(li).html());
}
});
</script>
</body>
</html>
Paste_Image.png
