<html>
<head>
<script src="js/jquery.js"></script>
<script src="js/test.js"></script>
<meta charset="utf-8" />
<title>jquery对象转dom对象 dom对象转jquery对象</title>
</head>
<body>
<div >这是第一个</div>
<div >这是第二个</div>
<div >这是第三个</div>
<div >这是第四个</div>
<button id="btn">点击改变边框</button>
</body>
<script>
//dom对象:通过 document.getElementById() 获取的对象是dom对象
//jquery对象：通过 $("#first")获取对象是jquery对象 有$()标志
$(function(){
$("#btn").click(function(){
var d= $("div")//获取jquery对象 其实是三个div dom对象集合
//var div1 = d[0];//获取第一个dom对象 第一种方法 通过下标 jquery对象转dom对象
var div1 = d.get(0)////获取第一个dom对象 第二种方法 通过get元素 jquery对象转dom对象
div1.style.backgroundColor="yellow"//通过dom对象将背景设为黄色
//$(div1).css("background-color","red")//将第一个dom对象通过$(div1)转化成jquery对象调用jquery方法
})
})
$(function(){
console.log($)
})
</script>
</html>
网友评论