jquery对象转化成DOM对象
来源:互联网 发布:iphone网络制式怎么看 编辑:程序博客网 时间:2024/06/04 20:07
jQuery本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理。jQuery对象转化成DOM对象的方法:
1.利用数组下标的方式读取到jQuery中的DOM对象
HTML代码:
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
JavaScript代码:
var $div=$("div");
var div=$div[0];
div.style.color="red";
通过jQuery自带的get()方法
var $div=$("div");
var div=$div.get(0);
div.style.color="red";
例如:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=gbk" />
<title></title>
<script src="http://code.jquery.com/jquery-1.11.3.js"></script>
</head>
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
<div>元素四</div>
<div>元素五</div>
<div>元素六</div>
<script type="text/javascript">
var $div = $('div'); //jQuery对象
var div=$div.get(0);//? div = ?
div.style.color = 'red'; //操作dom对象的属性
</script>
<script type="text/javascript">
var $div1=$('div');
var div=$div.get(3);
var div1=$div.get(4);
var div2=$div.get(5);
$('div').get(1).style.color='#463';
$('div').get(2).style.color='blue';
div.style.color="green";
div1.style.color='yellow';
div2.style.border='solid 1px silver';
</script>
</body>
- jQuery对象转化成DOM对象
- DOM对象转化成jQuery对象
- jquery对象转化成DOM对象
- DOM对象转化成jQuery对象
- 1.4 jQuery对象转化成DOM对象
- jQuery对象转化成DOM对象
- DOM对象转化成jQuery对象
- jQuery DOM 对象互相转化
- jQuery和DOM对象转化
- jQuery对象和DOM对象相互转化
- jQuery对象和DOM对象 转化
- jQuery对象和DOM对象相互转化
- jQuery对象和DOM对象相互转化
- jquery对象和dom对象转化
- jquery对象转化为dom对象
- jQuery对象与dom对象转化
- jQuery对象和DOM对象相互转化
- jQuery对象与DOM对象相互转化
- Libevent源码分析-----开篇
- C语言中的'\0',0,NULL
- 每天一个Linux命令(17):whereis命令
- 常用的CSS属性
- 分类计算数目
- jquery对象转化成DOM对象
- BGA焊盘设计的一般规则
- hadoop那些事儿_1
- python数据挖掘环境搭建(安装scikit)
- 栈
- 成长型企业管理难题解决方法
- Android studio 2.2 Error:warning: Ignoring InnerClasses attribute for an anonymous inner class错误
- 每天一个Linux命令(18): locate命令
- SVN打开版本库浏览器看不到某目录,但通过本地该目录的log再打开版本库浏览器就能看到目录