jQuery 学习笔记（1）

1、jQuery入口函数相比原生的入口函数

　　window.onload = function() { ... } //当DOM和图片都加载完毕后执行

　　$(document).ready(function() { ... }) //当DOM加载完毕执行

 

2、jQuery入口函数重复执行不会被覆盖

　　window.onload = function () { console.log("onload1" )}

　　window.onload = function() { console.log( "onload2" )}

　　　　　　===> onload2

　　$(document).ready( function() { console.log( ''ready1" ) })

　　$(document).ready( function() { console.log( "ready2" ) } )

　　　　　　===> ready1    ready2

 

3、jQuery 入口函数推荐写法

　　$( functiion() { ... } )

 

4、jQuery  释放“$”符号使用权 ： jQuery.noConflict();

　　推荐用法：

　　jQuery.noConflict();

　　(function($) {...} )(jQuery);

 

5、jQuery核心函数： $();

　　1、接收一个函数：（$(function () { ... })）

　　　　成为一个入口函数

　　2、接收一个字符串选择器  ( $("#aaa") $("p a#fff"))

　　　　返回一个jQuery对象，对象中保存了选取的DOM元素

　　3、接收一个字符串代码片段 （$("<p> 我是段落 </p>")）

　　　   返回一个jQuery对象，对象中保存了新创建的DOM元素

　　4、接收一个DOM元素

　　　　var span = document.getElementsByTagName("span")[0]

　　　　$(span) === $("span")[0]  //true

　　　　返回一个DOM元素包装成jQuery对象

 

6、jQuery对象是一个伪数组（类数组）

　　伪数组： 有0~(length-1)的属性，并有length属性