700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > JQuery语法 JQuery对象与原生对象互转 文档就绪函数与window.onload的区别

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

时间:2022-03-16 00:31:28

相关推荐

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

【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";

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。