标签:
[转]前端学习——选择结果为JQuery对象还是DOM对象:http://blog.csdn.net/xukai871105/article/details/34531373
1 var $obj = $("li"); 2 console.log($obj);
[使用javascript]
1 var obj = document.getElementsByTagName("li"); 2 console.log(obj);
1 var obj = $("li")[0]; 2 console.log(obj); // <li>Raspberry</li> 3 console.log(obj.innerHTML); // Raspberry
1 var obj = $("li").get(1); 2 console.log(obj); // <li>Arduino</li> 3 console.log(obj.innerHTML); // Arduino
1 var obj = document.getElementsByTagName("li")[2]; 2 console.log(obj); // <li>Intel Galileo</li> 3 console.log(obj.innerHTML); // Intel Galileo
5.选择子元素时仍为Jquery对象——eq方法
1 var $obj = $("li").eq(0); 2 console.log($obj); 3 console.log($obj.html()); // Raspberry
6.使用Jquery遍历所有子节点
1 $("li").each(function(index,item){ 2 console.log(item); // item为DOM对象 3 console.log(item.innerHTML); // 依次输出 Raspberry Arduino Intel Galileo 4 });
1 $("li").each(function(index,item){ 2 $item = $(item); // 再次变为Jquery对象 3 // console.log($item); 4 console.log($item.html()); // 依次输出 Raspberry Arduino Intel Galileo 5 });
1 var objs = document.getElementsByTagName("li"); 2 for(var i=0; i<objs.length; i++) { 3 console.log(objs[i]); 4 console.log(objs[i].innerHTML); // 依次输出 Raspberry Arduino Intel Galileo 5 }
标签:
原文地址:http://www.cnblogs.com/k11590823/p/4542830.html