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

jquery基础

 

 

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

$("div");

jquery基础

 

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

jquery基础


 

 

 

 

 

 

 

 

 

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

 

jquery基础

 

 1. DOM对象转换为jquery对象

jquery基础

 

 2. jquery对象转换为DOM对象

 jquery基础

 

 jquery基础

 

 jquery基础

jquery基础

上一篇:前端CSS引入外部字体


下一篇:Centos7(linux)使用crond服务定时执行js脚本并将脚本的输出内容记录日志文件的简单应用