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属性