jquery基础

$(document).ready(function(){ // 在这里写你的代码... });

$(function($) { // 你可以在这里继续使用$作为别名... });


1. jquery在DOM结构渲染完毕就可执行内部代码，不必像js一样等外部资源加载完成
2. 相当于js中的DOMContentLoaded
3. 不同于js中的load，load事件是等页面文档，外部js文件，css文件，图片加载完成才执行内部代码

---

 

jquery的顶级对象$：

$ = jquery，$是jquery的顶级对象，相当于js中的window。把元素通过$包装成jquery对象，即可调用jquery方法。

---

 

jQuery对象和DOM对象：

1. DOM对象：用原生js获取过来的就是DOM对象

var mydiv = document.querySelector("div");

 

 

2. jQuery对象：用jQuery方法获取过来的就是jQuery对象（即通过$把dom元素进行包装）

$("div");

 

3. DOM对象j只能使用js属性和方法，jquery对象只能使用jquery方法

---

 

 

 

 

 

 

 

 

 

jQuery对象和DOM对象可以互相转换：

 

 

 1. DOM对象转换为jquery对象

 

 2. jquery对象转换为DOM对象