Jquery基础知识

语法:

 $(document).ready(function(){  });或 $(function(){   } );

$()称为jQuery工厂。(DOM与jQuery对象之间的相互转换);

var cr  =  document.getElementById("cr");    //DOM对象

var $cr  =  $(cr);                           // jQuery 对象

JQ转JS:

  1. JQ中的事件

 

分类

方法名称

说明

页面载入

ready(fn)

当DOM载入就绪可以绑定一个要执行的函数

事件绑定

bind(type,[data],fn)

为每个匹配元素的特定事件绑定一个事件处理函数

事件绑定

unbind()

解除绑定

事件绑定

on(events,[,selector[,]data],handler)

在选择元素上绑定一个或者多个事件处理函数

事件绑定

off()

移除on绑定的事件

事件绑定

delegate(selector,eventType,handler)

为所有选择匹配元素附加一个或多个事件处理函数

事件绑定

undelegate()

移除绑定

事件动态

live(type,fn)

对动态生成的元素进行事件绑定

事件动态

die(type,fn)

移除live()绑定的事件

交互事件

hover()

鼠标移入移出

交互事件

toggle(fn1,fn2,[fn3],[fn4])

每单击后依次调用函数

交互事件

blur(fn)

触发每一个匹配元素的blur事件

交互事件

change()

触发每一个匹配元素的change事件

交互事件

click()

触发每一个匹配元素的click事件

交互事件

focus()

触发每一个匹配元素的focus事件

交互事件

submit()

触发每一个匹配元素的submit事件

键盘事件

keydown()

触发每一个匹配元素的keydown事件

键盘事件

keypress()

触发每一个匹配元素的keypress事件

键盘事件

keyup()

触发每一个匹配元素的keyup事件

鼠标事件

mousedown(fn)

绑定一个处理函数

鼠标事件

mouseenter(fn)

绑定一个处理函数

键盘事件

mouseleave(fn)

绑定一个处理函数

键盘事件

mouseout(fn)

绑定一个处理函数

键盘事件

mouseover(fn)

绑定一个处理函数

窗口操作

resize(fn)

绑定一个处理函数

窗口操作

scroll(fn)

绑定一个处理函数

 

  1. JQ定时弹出广告
    1. 实现思路

1. 导入JQ的文件

2. 编写JQ的文档加载事件

3. 启动定时器 setTimeout("",3000);

4. 编写显示广告的函数

5. 在显示广告里面再启动一个定时器

6. 编写隐藏广告的函数

 

    1. html代码

<img src="../img/a.jpg" id="img1" width="100%" style="display:none"  />

 

    1. JQ代码

<script>

//显示广告

function showAd(){

$("#img1").slideDown(2000);

setTimeout("hideAd()",3000);

}

 

//隐藏广告

function hideAd(){

$("#img1").slideUp(2000);

}

 

 

$(function(){

setTimeout("showAd()",3000);

 

});

</script>

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值