jQuery入门

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

    注1:就一个类“jQuery”,简写“$”

    1. jQuery优点
      2.1 总是面向集合
      2.2 多行操作集于一行
  2. 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());//jqueryjsvarh1Node=h1.get(0);
alert(h1Node.value); */

//js对象转jquery
h 2 N o d e = h2Node= h2Node=(h2Node);
alert($h2Node.val())

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值