工具版本兼容问题
学习到这里已经使用了大量的JQuery对象的方法,比如show() 、toggle()等等,这些方法都是属于JQuery对象的,而原生的DOM对象不具备这些方法。
纠
同样的DOM对象也具备JQuery对象所没有的属性和方法,比如checked属性。 在某些场景下,需要对JQuery对象和DOM节点对象进行互相转换 示例 2 : DOM转JQuery
通过get(0)或者[0] 把JQuery对象转为DOM对象
<script src="https://how2j.cn/study/jquery.min.js"></script>
<script>
$(function(){
$("#b1").click(function(){
var div= $("#d");
var d = div[0];
var s ="JQuery对象是 " + div;
s +="\n对应的DOM对象是 " + d
alert(s);
});
});
</script>
<button id="b1">JQuery对象div转为DOM对象d</button>
<br>
<br>
<style>
.pink{
background-color:pink;
}
</style>
<div id="d">
Hello JQuery
</div>
通过$() 把DOM对象转为JQuery对象
<script src="https://how2j.cn/study/jquery.min.js"></script>
<script>
$(function(){
$("#b1").click(function(){
var div= document.getElementById("d");
var d = $(div);
var s ="DOM对象是 " + div;
s +="\n对应的JQuery对象是 " + d
alert(s);
});
});
</script>
<button id="b1">DOM对象div转为JQuery对象d</button>
<br>
<br>
<style>
.pink{
background-color:pink;
}
</style>
<div id="d">
Hello JQuery
</div>
HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。
问答区域
2021-04-02
学完jQuery有感
4 个答案
bigmiao1 跳转到问题位置 答案时间:2022-01-19 同感
二重积分毁我青春 跳转到问题位置 答案时间:2021-09-24 河南拔智齿
373544436 跳转到问题位置 答案时间:2021-07-26 同感
一叶之秋 跳转到问题位置 答案时间:2021-07-23 老哥你说的很对
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2019-11-22
前端学的不是特别细可以继续学习j2ee和后面的框架吗?以后做后端的话,前端知识需要掌握到什么程度呢
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2018-12-22
有一句style代码可有可无
2017-07-13
有没有jqGrid的教程啊
提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
|