DOM对象与jQuery对象的相互转换

最新推荐文章于 2023-06-15 00:39:03 发布

羊崽

最新推荐文章于 2023-06-15 00:39:03 发布

阅读量289

点赞数

分类专栏： jquery javascript 文章标签： javascript jquery

本文链接：https://blog.csdn.net/ynw1990/article/details/52440357

版权

javascript 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

jquery

15 篇文章 0 订阅

订阅专栏

1）将jquery对象转换为dom对象

<body>
<h1>标题</h1>
<hr />
<input type="text" value='输入'/>
<hr/>
<button id="btn">确认</button>
</body>
<script src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
window.οnlοad=function(){
var btnObj=$("#btn");
btnObj[0].οnclick=function(){
alert($('input').val());
}
}
</script>

2）dom对象转换为jquery对象

<body>

<h1>标题</h1>
<hr />
<input type="text" id="inp" value='输入'/>
<hr/>
<button id="btn">确认</button>
</body>
<script src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
window.οnlοad=function(){
document.getElementById('btn').οnclick=function(){
//获取dom对象
var domInput=document.getElementById('inp');
//将dom对象转换为juery对象
$(domInput).hide(3000);
}
}
</script>