Complete C language self-study manual (33)
Android multi-resolution framework for adaptation
JavaWeb core technology tutorial series
HTML5 front-end development combat tutorial series
MySQL database gymnastics tutorials (35 graphical version)
And overthrow their own past - Custom View tutorial series (10)
Copyright Notice
- This article original author: Columbia Valley's younger brother
- On the blog address: http: //blog.csdn.net/lfdfhl
Although jQuery is a JavaScript framework, but both objects is not the same; sometimes need to jQuery and JavaScript Object object conversion.
JavaScript object into a jQuery object
The syntax is as follows:
jQuery对象=$(JavaScript对象);
jQuery object into a JavaScript object
The syntax is as follows:
JavaScript对象=jQuery对象[index];
JavaScript对象=jQuery对象.get(index);
Comprehensive example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery对象与JavaScript对象的转换</title>
<!--引入jquery文件 -->
<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<h2 id="author" style="color: red;">本文作者：谷哥的小弟</h2>
<h2 id="blog" style="color: red;">博客地址：http://blog.csdn.net/lfdfhl</h2>
<p id="welcome">Hello jQuery</p>
<p id="bye">Bye JavaScript</p>
<script type="text/javascript">
//利用document获取元素
var javascriptWelcome=document.getElementById("welcome");
var content=javascriptWelcome.innerHTML;
console.log("content="+content);
//将JavaScript对象转换为jQuery对象
var jQueryWelcome=$(javascriptWelcome);
content=jQueryWelcome.html();
console.log("content="+content);
console.log("----------------------");
//利用jQuery获取对象
var jQueryBye = $("#bye");
content=jQueryBye.html();
console.log("content="+content);
//将jQuery对象转换为JavaScript对象
var javascriptBye=jQueryBye[0];
content=javascriptBye.innerHTML;
console.log("content="+content);
javascriptBye=jQueryBye.get(0);
content=javascriptBye.innerHTML;
console.log("content="+content);
console.log("----------------------");
// 将JavaScript对象转换为jQuery对象
var javascriptH2=document.getElementsByTagName("h2");
for (var i = 0; i < javascriptH2.length; i++) {
var jQueryObj = $(javascriptH2[i]);
console.log(jQueryObj.html());
}
console.log("----------------------");
// 将jQuery对象转换为JavaScript对象
var jQueryH2=$("h2");
var javascriptH2First=jQueryH2[0];
var javascriptH2Second=jQueryH2[1];
console.log("javascriptH2First="+javascriptH2First.innerHTML+",javascriptH2Second="+javascriptH2Second.innerHTML);
javascriptH2First=jQueryH2.get(0);
javascriptH2Second=jQueryH2.get(1);
console.log("javascriptH2First="+javascriptH2First.innerHTML+",javascriptH2Second="+javascriptH2Second.innerHTML);
</script>
</body>
</html>
