-
什么是jQuery
它是一个轻量级的javascript类库注1:就一个类“jQuery”,简写“$”
- jQuery优点
2.1 总是面向集合
2.2 多行操作集于一行
- jQuery优点
-
hello jQuery
3.1 导入js库()
3.2 $(fn)做为程序入口
( f n ) 、 (fn)、 (fn)、(document).ready(fn)与window.onload的区别?
(
f
n
)
、
(fn)、
(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
h
1
=
h1=
h1=("#h1");
alert(
h
1.
v
a
l
(
)
)
;
/
/
j
q
u
e
r
y
对
象
转
j
s
v
a
r
h
1
N
o
d
e
=
h1.val()); //jquery对象转js var h1Node=
h1.val());//jquery对象转jsvarh1Node=h1.get(0);
alert(h1Node.value); */
//js对象转jquery
h
2
N
o
d
e
=
h2Node=
h2Node=(h2Node);
alert($h2Node.val())