web前端|jQuery（一） DOM|jQuery对相互转|jQuery网页开关

DOM对象与jQuery对象的互转问题
DOM对象转jQuery对象

//此时btn为DOM对象，不能调用jQuery方法 var btn=document.getElementById("btn"); //DOM对象转jQuery对象 $("btn").click=function () { console.log("小仙女"); };

jQuery对象转DOM对象

var $li = $("li"); //jQuery对象转DOM对象 //第一种方法（推荐使用） $li[0]; //第二种方法 $li.get(0)

jQuery网页开关灯
第一种：通过现在网页状态实现

第二种：获取按钮value值实现

jQuery网页加载事件
在DOM中，网页加载事件只能进行一次（因为DOM中的网页加载事件是采用“=”的方式），后面的网页加载事件会覆盖掉前面的网页加载事件。
而在jQuery中，网页加载事件可以进行很多次，不会被覆盖掉
在DOM中的网页加载事件代码

在jQuery中的网页加载事件：
第一种写法：$(window).load(); (页面中所有元素加载完毕后触发)

第二种写法：$(document).ready(); （页面中基本元素加载后触发，比第一种加载方式块）

第三种写法：(真正的jQuery写法)

第四种写法:(终极版)

//第四种（终极版）

【web前端|jQuery（一）】

web前端|jQuery（一）