jQuery---绑定事件

$(“父节点选择器”).delegate(“孩子节点,即要绑定的元素”,“事件名称”,匿名函数)

举例1：

//这里的button为元素选择器，click为鼠标点击事件
$("button").click(function(){
	//函数内容
})

举例2：

//这里的#btn1为id选择器即id名为btn1的元素，mouseenter为鼠标聚焦事件
$("#btn1").mouseenter(function(){
	//函数内容
})

举例3：

//这里的.ps为类选择器即class名为ps的所有元素，mouseleave为鼠标离焦事件
$(".ps").mouseleave(function(){
	//函数内容
})

$(“父节点选择器”).delegate(“孩子节点,即要绑定的元素”,“事件名称”,匿名函数)

举例1：

//button为元素选择器，bind的中文意思为‘绑定’
$("button").bind({"click":function(){
	//函数内容
}})

举例2：

//这里的#btn1为id选择器即id名为btn1的元素，mouseenter为鼠标聚焦事件
$("#btn1").bind({"mouseenter":function(){
	//函数内容
}})

举例3：

//这里的.ps为类选择器即class名为ps的所有元素，mouseleave为鼠标离焦事件
$(".ps").bind({"mouseleave":function(){
	//函数内容
}})

两个形参

$(“父节点选择器”).delegate(“孩子节点,即要绑定的元素”,“事件名称”,匿名函数)

举例：

$("button").on("click",function(){
	//函数内容
})

三个形参

含有三个参数，非常适合含有多个孩子的父节点使用，可以统一控制孩子节点事件

$(“父节点选择器”).delegate(“孩子节点,即要绑定的元素”,“事件名称”,匿名函数)

$("ul").on("click","li",function(){
        //this表明当前点中的对象，此语句表明，当点击li标签时候，将该li标签颜色变为blue
	$(this).css("color","blue");    
})

delegate函数有三个形参，和on函数有着相似之处，区别是参数位置不同。

$(“父节点选择器”).delegate(“孩子节点,即要绑定的元素”,“事件名称”,匿名函数)

$("ul").delegate("li","click",function(){
	$(this).css("color","blue");
})

函数	模板
最常用	$(“选择器”).事件名称(匿名函数)
bind函数	$(“选择器”).bind({“事件名称”:匿名函数})
on函数	$(“选择器”).on(“事件名称”,匿名函数)
	$(“父节点选择器”).on(“事件名称”,“孩子节点,即要绑定的元素”,匿名函数)
delegate函数	$(“父节点选择器”).delegate(“孩子节点,即要绑定的元素”,“事件名称”,匿名函数)

在PHP中可以使用内置函数rand()、mt_rand()来随机生成一个数

本资源由随笔博客发布。发布者：五维国度，转载请注明出处：http://blog.suibi.site/archives/4194

本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。