jQuery入门

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

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

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

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

$(fn)、$(document).ready(fn)与window.onload的区别？

$(fn)、$(document).ready(fn)是等价的;哪个代码在前面个先哪执行
jsp的dom树加载完毕即可调用方法
window.onload 最后执行
jsp dom树加载完 css,js 等静态资源加载完毕执行

/* 标签选择器 /
/ $(function(){
//利用a标签获取Jquery实例
$(“a”).click(function(){
alert(“被翻盘子了”)
})
}) */

/* ID选择器 /
/ $(function(){
$("#a3").click(function(){
alert(“被翻盘子了”)
})

}) */

/* 类选择器 /
/ $(function(){
$(".c1").click(function(){
alert(“被翻盘子了”)
})

}) */

/*包含选择器：E1 E2 /
/ $(function(){
$(“p a”).click(function(){
alert(“被翻盘子了”)
})
}) */

/* 组合选择器：E1,E2,E3 /
/ $(function(){
$(“a,span”).click(function(){
alert(“被翻盘子了”)
})
})
*/

/* 自定义选择器：:exp /
/ 第二参数的作用（在div标签内部寻找a标签，然后给找到的标签添加事件） */
/*如果第二个参数没有填 那么默认是document */
$(function(){
$(“a”,“div”).click(function(){
alert(“被翻盘子了”)
})
}

/* var $h1=$("#h1");
alert($h1.val());//jquery对象转jsvarh1Node=$h1.get(0);
alert(h1Node.value); */

//js对象转jquery
$h2Node=$(h2Node);
alert($h2Node.val())