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. 1. html代码

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

 

1. 1. JQ代码

<script>

//显示广告

function showAd(){

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

setTimeout("hideAd()",3000);

}

 

//隐藏广告

function hideAd(){

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

}

 

 

$(function(){

setTimeout("showAd()",3000);

 

});

</script>