Jquery基础知识
语法:
$(document).ready(function(){ });或 $(function(){ } );
$()称为jQuery工厂。(DOM与jQuery对象之间的相互转换);
var cr = document.getElementById("cr"); //DOM对象
var $cr = $(cr); // jQuery 对象
JQ转JS:
-
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) |
绑定一个处理函数 |
-
JQ定时弹出广告
- 实现思路
1. 导入JQ的文件
2. 编写JQ的文档加载事件
3. 启动定时器 setTimeout("",3000);
4. 编写显示广告的函数
5. 在显示广告里面再启动一个定时器
6. 编写隐藏广告的函数
-
- html代码
<img src="../img/a.jpg" id="img1" width="100%" style="display:none" />
-
- JQ代码
<script>
//显示广告
function showAd(){
$("#img1").slideDown(2000);
setTimeout("hideAd()",3000);
}
//隐藏广告
function hideAd(){
$("#img1").slideUp(2000);
}
$(function(){
setTimeout("showAd()",3000);
});
</script>