DOM对象转化为jquery对象

<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 = document.getElementsByTagName(‘div‘); //dom对象

//将dom节点div转化为$div的jquery对象
// $div = ?

var $first = $div.first(); //找到第一个div元素
$first.css(‘color‘, ‘red‘); //给第一个元素设置颜色

</script>

</body>

</html>

时间: 2024-10-12 21:39:06

DOM对象转化为jquery对象的相关文章

DOM对象转化成jQuery对象

相比较jQuery转化成DOM,开发中更多的情况是把一个DOM对象加工成jQuery对象.$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用. 如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象包装成一个新的jQuery对象. 通过$(DOM)方法将普通的DOM对象加工成jQuery对象之后,我们就可以调用jQuery的方法了. HTML代码 <div>元素一</div> <div>元素二</div> <

在js中 把 json对象转化为String对象的方法

方法1: 使用js的扩展方法 ** * json对象转字符串形式 */ function json2str(o) { var arr = []; var fmt = function(s) { if (typeof s == 'object' && s != null) return json2str(s); return /^(string|number)$/.test(typeof s) ? "'" + s + "'" : s; } for (v

一般处理程序中 C#中对象转化为Json对象

namespace: Newtonsoft.Json; context.Response.ContentType = "application/text"; 注:这里为什么不是 Json格式那?? 答:方法 JavaScriptConvert.SerializeObject 是把C#对象转化为 Json对象, 而浏览器 只能识别  Json 格式,而不是Json对象. 这里是通过 把json对象转化为 字符串进行传输, 然后 把字符串 转化为 json对象,进行操作. 对象  obj

03 DOM对象(js对象)与jQuery对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul> <li id="cloth">衣服</li> <li>裤子</li> <li>袜子&

form表单序列化为Jquery对象

1 <form id="DailyFinancial" > @*class="form-inline"*@ 2 <div class="form-group"> 3 <label for="FinancialType">记账类型</label> 4 <select class="form-control" id="FinancialType&q

JavaScript中将html字符串转化为Jquery对象或者Dom对象

实例代码: $('<a href="javascript:void(0);" onclick="showUI(this,"4028f65d5d1bb627015d1c297ecf0006")" title="查看详细信息">就是上次</a>').text() //结果:就是上次 $($.currentIframe().$("#gridTable").jqGrid("getR

jQuery对象和DOM对象的相关知识

所谓的DOM就是Document Object Model(文档对象模型)的缩写,或许是我水平低的缘故,感觉就是HTML的标记元素嘛,所以作者画了下面的图: 像这样的元素,就是所谓的DOM对象,获取值的JS写法: var domValue=document.getElementById("元素的ID");//获取DOM对象 var objHtml=domValue..innerHTML; 在浏览器输入后,获取的结果,如上. jQuery对象就是通过jQuery包装DOM对象后,产生的对

jQuery介绍 DOM对象和jQuery对象的转换与区别

jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery介绍 jQuery: http://jquery.com/ write less, do more. jQuery Hello World程序 <script type=“text/javascript” src=“xxx//jquery-x.y.z.js"> 引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中的注释和缩进等都被保留了. 注意路径中的”

jQuery对象和DOM对象的互相转换【 转】

jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,不过基本上jQuery类库提供的函数包含了所有的dom操作.jQuery对象的索引保存的是dom对象,所以可以通过索引将经jQuery对象转化为dom对象(实际上是获取保存在jQuery对象中的dom对象).$(“#myphoto”)[0];通过索引返回dom对象后,就可以使用各种dom对象的方法和属性,比如获取dom对象的src属性:Alert