jQuery学习 (页面加载 和 dom与jquery对象的相互转换)
1:页面加载的几种写法 $(function(){}), jQuery(function(){}), $(document).ready(function(){}), $().ready(function(){})
$(document).ready(function () { console.log("ready 所有的内容加载完触发") }); $().ready(function () { console.log("22222 所有的内容加载完触发") }) jQuery(function () { console.log("3333 所有的内容加载完触发") }); $(function () { console.log("匿名 所有的内容加载完触发")
})
2.Dom对象 与 jQuery对象的相互转换
//此时的obj就是Dom对象 var obj = document.getElementById("d1"); //转换为JQuery对象 格式:$(需要转换的对象) var $obj = $(obj); //Jquery对象转Dom对象 格式: jQuery对象.get(0) 或者 JQuery对象.[0] var obj =$obj[0]; //方式1 var obj = $obj.get(0); //方式2
3.小案例:网页的开关灯....
<script> $(function () { $("#bt").click(function () { if($(this).val() == '开灯'){ $('body').css("backgroundColor","black"); $(this).val("关灯"); }else{ $('body').css("backgroundColor",""); $(this).val("开灯"); } }); }) </script> </head> <body> <input type="button" value="开灯" id="bt"/> </body>
坚持
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步