JQuery学习

Posted 2020-09-12 渡劫的机器猫

JQuery

 

Query 语法

 

1、JQuery("选择器").action()；通过选择器调用事件函数

①但JQuery中，JQuery可以用$代替，即$("选择器").action()；

②.action() 表示对元素执行的操作

2、文档就绪函数：防止文档在完全加载(就绪)之前运行JQuery代码

$(function).ready(function(){

//JQuery代码

});

 

[文档就绪函数& window.onload区别]

①window.onload 需要在页面内容加载完成之后执行(包括图片音频)

文档就绪函数，只需要在网页DOM结构加载以后便执行

②window.onliad智能写一个，写多个只会执行最后一个

文档就绪函数，可以写多个，也不会被覆盖。

 

3、JQuery对象u原生DOM对象互转

①原生DOM对象转JQuery 对象： $(DOM对象)；

var p = document.getElementsByTagName("p");

$(p); 转换为JQuery 独享

②JQuery对象转原生DOM对象： $("p").get(0) $("p")[0]

 

 

 

JQuery 语法

 

1、JQuery("选择器").action()；通过选择器调用事件函数

①但JQuery中，JQuery可以用$代替，即$("选择器").action()；

②.action() 表示对元素执行的操作

2、文档就绪函数：防止文档在完全家在(就绪)之前运行JQuery代码

$(function).ready(function(){

//JQuery代码

});