JQuery语法 JQuery对象与原生对象互转 文档就绪函数与window.onload的区别

时间:2022-04-10 13:18:53

【JQuery语法】

1、jQuery("选择器").action();通过选择器调用事件函数,但是jquery中,jquery可以用$(“选择器”).action();
   ① 选择器,可以直接使用css选择器,选中元素
   ② .action表示对元素执行的操作
2、文档准备就绪:防止文档在完全加载(就绪)之前运行jquery代码
    $(document).ready(function(){//jquery代码});
     或者简写方式$(function(){});
【文档就绪函数和window.onload的区别】
     (1)window.onload须在网页所有内容加载完成后执行,包括图片音频;而文档就绪函数,只需要在网页DOM结构加载后便执行
     (2)window.onload只能写一个,写多个只会执行最后一个;文档就绪函数,可以写多个也不会覆盖
 3、jQuery对象与原生DOM对象互转
           ① 原生DOM对象转jQuery对象:$(DOM对象);
           var p = document.getElementsByTagName("p");
           $(p);//转换为jquery对象
           ① jQuery对象转原生DOM对象:$("#p").get(0) $("#p")[0]
           $("#p").get(0).style.color="red";