您的位置：首页 > 移动开发 > Objective-C

jQuery object & dom object

2015-08-11 22:52 423 查看
jQuery对象与dom对象调用方法是有区别的。普通的dom对象一般可以通过$()转换成jquery对象，如$(document.getElementById("id"))，转换后即可以使用JQ对象的方法。
jquery对象本身是一个集合，如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。如$("btn")[0], $("#ul li").get(1)

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-1.11.3.min.js"></script>
</head>
<body>
<script>
$(function(){

var oUl=document.getElementById("ul");
console.log(oUl.id)

//转jq对象
var $ul=$(oUl);
$ul.addClass("test");

var oLi=oUl.getElementsByTagName("li");
console.log(oLi.length);

$li=$(oLi);
console.log($li.length)//5

var $btn=$("#btn");
console.log($btn.text())

//转DOM对象
var oBtn=$btn[0];
console.log(oBtn.innerHTML);

$jqLi=$("#ul li");
console.log($jqLi.length);

var domLi=$jqLi.get(1);//33
console.log(domLi.innerHTML)

var $div=$("div");
var oDiv=$div.get(2);
console.log(oDiv.innerHTML)//ccccccc
})
</script>
<ul id="ul">
<li class="name">111</li>
<li class="name">333</li>
<li class="name">444</li>
<li class="name">55</li>
<li class="name">77</li>
</ul>
<button type="button" id="btn">test</button>

<div class="cccc">aaaaaa</div>
<div class="cccc">bbbbbb</div>
<div class="cccc">ccccccc</div>
<div class="cccc">dddddddd</div>
</body>
</html>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航