带你学习JQuery:事件绑定bind
来源:互联网 发布:心蓝软件下载 编辑:程序博客网 时间:2024/05/16 18:30
调用bind()方法对匹配的元素进行特定的事件绑定
bind()方法有三个参数
bind(type,date,function)
第一个和第三个参数是必须的,分别表示事件类型和绑定的处理函数,第二个是可选的,标示传递给事件对象的额外数据对象
type包括:blur、focus,load,resize,scroll,unload,click,dblclick,mousedown,mouseup,mouseover,keyup,keydown,submit......
先从一个基本的效果看看:点击“标题”连接显示内容:
<div id="testDiv">
<h1 class='test">标题</h1>
<div class="titcontent">
这是显示内容
</div>
</div.
</div>
Jquery函数可以简单写成如下:
$(function(){
$("#testDiv h1.test").bind("click",function(){
$(this).next("div.titcontent").show();
}
)
})
对此可以再进行简单的升级,即点击连接,隐藏内容显示,再次点击,隐藏内容消失
JQuery 代码写成:
$(function(){
$("testDiv h1.test").bind('click",function(){
var $mytest=$(this).next("div.titcontent");
if($mytest.is(":visible")){
$mytest.hide();
}else{
$mytest.show();
}
})
})
简单的操作就完成了!!- 带你学习JQuery:事件绑定bind
- jquery绑定事件-bind()
- Jquery 事件绑定--.bind() 方法
- jQuery绑定事件 bind用法
- JQuery 绑定事件.bind() 绑定radio值
- 带你学习JQuery:合成事件
- 带你学习JQuery:事件属性
- jQuery延时绑定事件(lazy-bind)
- jquery bind动态绑定事件传参
- jquery bind动态绑定事件传参
- jQuery延时绑定事件(lazy-bind)
- jQuery绑定事件$.bind(),$.live(),$.delegate
- jQuery-bind不能处理绑定hover事件
- jquery事件绑定bind的用法
- jQuery bind 绑定事件函数详解
- bind方法绑定多个jquery事件
- Jquery中的bind(),on()绑定事件方式
- radio 切换效果 -JQuery绑定事件.bind() 绑定radio值
- static的作用
- 第一篇
- 使用CVS和TortoiseSVN下载源码
- POJ2112 Optimal Milking
- VBAS协议
- 带你学习JQuery:事件绑定bind
- “设计模式”学习之八:备忘录、观察者与状态(行为型)
- 思维的基本过程与解决问题
- 打印流
- Java程序练习-2进制转化为16进制
- uboot2010-03移植步骤
- 字符流
- 端正心态,积极的去经历自己的人生拐角.
- priority_queue的用法