@
目录1. jQuery 基本使用步骤
- 下载
- 引入到head标签里
- 直接在js中使用
2. jQuery 的入口函数
① 两种写法
写法一:
$(document).ready(function(){
... // 此处是页面DOM加载完成的入口
});
(推荐)写法二:
$(function () {
... // 此处是页面 DOM 加载完成的入口
}) ;
② 入口函数作用
等着 DOM 结构渲染完毕即可执行入口函数内部的代码,不必等到所有外部资源加载完成(jQuery 自己完成了封装)。
相当于原生 js 中的 DOMContentLoaded
事件,同样不同于load
事件。
3. jQuery 的顶级对象 '$'
1.$
是 jQuery 的别称,在代码中可以使用 jQuery 代替 $
,但一般为了方便,通常都直接使用 $
。
$(function() {
//...
})
jQuery(function() {
//...
})
2.$
是jQuery 的顶级对象, 相当于原生JavaScript中的 window。把元素利用$
包装成jQuery对象,就可以调用jQuery 的方法。
$(function() {
//hide():隐藏节点对象
$("div").hide();
})
4. jQuery 对象和 DOM 对象
① 区别
② jQuery 对象和 DOM 对象转换
DOM 对象与 jQuery 对象之间是可以相互转换的。
因为原生 js 比 jQuery 更大,原生的一些属性和方法 jQuery没有封装在内. 要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。
DOM 对象转换为 jQuery 对象: $(DOM对象)
//方式1:$('标签名')
$("div");//返回一个包含div Dom对象的 jQuery 对象
//方式2:$(element)
var Div = document.querySelector('div');
$(Div);//返回一个包含Div对象的 jQuery 对象
jQuery 对象转换为 DOM 对象( 两种方式)
/*
jElement: 它指的是一个 jQuery 对象
index: 它指的是是索引号
*/
//方式1:
jElement[index];
//方式2:
jElement.get(index);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。