旅sir
2017-06-25 00:39
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-1.11.3.js"></script>
</head>
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
<script type="text/javascript">
var $div = $('div'); //jQuery对象
div=$div.get(0);//? div = ?
div.css("color","red"); //操作dom对象的属性
</script>
</body>
</html>
把div.css("color","red");改成 $(div).css("color","red")
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
var $div = $('div'); //jQuery对象
var div = $div.get(0);//转换成dom对象
div.style.color = 'red'; //操作dom对象的属性
你那div.css是jquery的用法,不能用在js里的dom对象里
dom对象只能使用JS的属性和方法。你对DOM对象使用JQ肯定不行
div=$div.get(0); //你这里又把jquery对象转换成dom对象,所以后面不能用jquery方法
你这掉的是dom对象
$div.get(0);获取到的是dom对象,不是jQuery对象,所以不能用jQuery的css方法。
你可以把dom对象再包装成jQuery对象:
<script type="text/javascript"> var $div = $('div'); //jQuery对象 div=$($div.get(0)); //? div = ? div.css("color","red"); //操作dom对象的属性 </script>
<script type="text/javascript">
var $div = $('div'); //jQuery对象
div=$div.get(0);//? div = ?
div.style.color="red"; //操作dom对象的属性
</script>
你用dom对象使用jq方法肯定不行
jQuery基础 (一)—样式篇
217509 学习 · 1218 问题
相似问题