jQuery入门第一课

jQuery入门随笔01

1. 什么是jQuery
   它是一个轻量级的javascript类库

   注1：就一个类“jQuery”，简写“$”

2. jQuery优点
   2.1 总是面向集合
   2.2 多行操作集于一行

3.1 导入js库（）
3.2 $(fn)做为程序入口

$(fn)、$(document).ready(fn)与window.onload的区别？
$(fn)、$(document).ready(fn)是等价的，（jsp的dom树结构加载完毕即刻调用）哪个代码在前就哪个先执行window.onload最后执行（jsp的dom树加载完 css、js等静态资源加载完毕即执行）

4. jQuery三种工厂方法
   4.1 jQuery(exp[,context])
   exp：选择器
   context：上下文，环境/容器，documemt
   注1：选择器，css选择器
   自定义选择器：:exp

   // 标签选择器
   $(function(){
   //利用a标签获取jquery实例
   $(“a”).click(function(){
   alert(“你真幸运”);
   });
   })

// ID选择器
//利用id=a3获取jquery实例
$(function(){
$("#a3").click(function(){
alert(“你真幸运,像我”);
});
})

// 类选择器
//利用类选择器获取jquery实例
$(function(){
$(".c1").click(function(){
alert(“你真幸运,还像我”);
});
})

// 包含选择器：E1 E2
$(function(){
$(“p a”).click(function(){
alert(“你真幸运,还真像我”);
});
})

//组合选择器：E1,E2,E3
$(function(){
$(“a, span”).click(function(){
alert(“你真幸运,还真真像我”);
});
})

4.2 jQuery(html)
html：基于html的一个字符串

4.3 jQuery(element)
element：js对象，表示一个html元素对象
js对象与jquery对象的相互转换

5. jQuery程序的入口
   $(document).ready(function(){
   alert(“麻子的 jquery2”);
   })

   $(function(){
   alert(“麻子的 jquery1”);
   })

6. this指针的作用

7. 

6.1 事件源（获取当前按钮的按
钮值

6.2 当前元素（点击按钮，获取所有a标签的值）