js对象和jQuery对象互转
2018-02-08 21:21
435 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery-1.8.3.js"></script>
</head>
<body>
<h1 class="h1">能不能给我一首歌的时间</h1>
<h1 id="h2">天生我才必有用</h1>
</body>
<script type="text/javascript">
// 1.将js对象转换成jQuery对象
// 步骤：
// a. 获取js对象 >>也就是DOM对象
var oH=document.getElementsByClassName("h1");
// b. 讲获取到的DOM对象转换成jQuery对象
$(oH).click(function(){
alert('我们不一样');
});
// 2.将jQuery对象转换成js对象
// 第一种方法：
alert($('#h2')[0].innerHTML);
// 第二种方法:
alert($('#h2').get(0).outerHTML);
</script>
</html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery-1.8.3.js"></script>
</head>
<body>
<h1 class="h1">能不能给我一首歌的时间</h1>
<h1 id="h2">天生我才必有用</h1>
</body>
<script type="text/javascript">
// 1.将js对象转换成jQuery对象
// 步骤：
// a. 获取js对象 >>也就是DOM对象
var oH=document.getElementsByClassName("h1");
// b. 讲获取到的DOM对象转换成jQuery对象
$(oH).click(function(){
alert('我们不一样');
});
// 2.将jQuery对象转换成js对象
// 第一种方法：
alert($('#h2')[0].innerHTML);
// 第二种方法:
alert($('#h2').get(0).outerHTML);
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Jquery 对象和Dom对象（js） 的异同点
- JS对象转URL参数(原生JS和jQuery两种方式)
- Jquery第一篇【介绍Jquery、回顾JavaScript代码、JS对象与JQ对象的区别】
- 利用Jquery中的clone对象解决JS中引用传值的问题
- JS/JQuery Object对象常用操作
- JS/Jquery判断对象为空的方法
- Json对象与Json字符串互转(4种转换方式) jquery 以及 js 的方式
- js-jQuery对象与dom对象相互转换
- js-jQuery对象与dom对象相互转换
- Jquery对象转js对象
- js、jquery遍历数组和对象
- jquery json与js数据对象互转
- js-jQuery对象与dom对象相互转换
- JS,JQuery循环数组，循环对象生成需要的数据
- js 与 jquery 事件对象 比较(转)
- 使用Uploadify 时，同时使用了jQuery.Validition 验证控件时，在IE11上出现JS缺少对象错误。
- jQuery对象与js对象互相转换
- js合并两个对象-仿jquery中的$.extend()
- 使用jQuery对js对象和数组的遍历以及序列化