jQuery對象和dom對象互相調用對方的成員
獲取對象的方法：
jquery對象：$(‘li’) ?$(‘.apple’) 等選擇器使用返回的信息就是jquery對象
dom對象： document.getElementById() ?
???????????????????? document.getElementsByTagName();
jquery對象 和 dom對象 互相調用對方的成員
<!DOCTYPE html>
<html>
<head>
<title>php.cn</title>
<meta charset="utf-8" />
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
function f1(){
//$('div').css('background-color','lightgreen');
//dom對象 調用 jquery對象的成員【失敗】
//document.getElementsByTagName('div')[0].css('background-color','blue');
//成功
$(document.getElementsByTagName('div')[0]).css('background-color','blue');
}
function f2(){
//document.getElementsByTagName('div')[0].style.width="400px";
//jquery對象 調用 dom對象的成員【失敗】
//$('div').style.height = "300px";
//成功
$('div')[0].style.height = "300px";
}
</script>
<style type="text/css">
div {width:300px;height:200px; background-color:pink;}
</style>
</head>
<body>
<div></div>
<input type="button" value="觸發(fā)1" onclick="f1()" />
<input type="button" value="觸發(fā)2" onclick="f2()" />
</body>
</html>
