jQuery之事件绑定

bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

下面是具体的用法：

<script type="text/javascript">
$(function(){$head = $("#panel h5.head");//选中$head.bind("click",function(){//如果点击，就会触发事件，将下面的内容显示出来$(this).next().show();})
})
</script>

is(":hidden")可以判断对象是否隐藏。

is(":visible")可以判断对象是否可见。

<script type="text/javascript">
$(function(){$("#panel h5.head").bind("click",function(){var $content = $(this).next();if($content.is(":visible")){//如果可见，将其隐藏。如果隐藏，将其可见。
            $content.hide();}else{$content.show();}})
})
</script>

mouseover鼠标飘过。

<script type="text/javascript">
$(function(){$("#panel h5.head").bind("mouseover",function(){$(this).next().show();//飘过显示
    });$("#panel h5.head").bind("mouseout",function(){$(this).next().hide();//飘离隐藏
    })
})
</script>

直接将事件简写成如下的方式也可以：

<script type="text/javascript">
$(function(){$("#panel h5.head").mouseover(function(){$(this).next().show();});$("#panel h5.head").mouseout(function(){$(this).next().hide();})
})
</script>

jQuery之事件绑定相关推荐

jQuery之事件绑定到触发全过程及知识点补充
前言: 最重要的还是最后的流程图,可以试着根据流程图手写实现$().on(),下篇文章会放出模拟实现的代码. 一.举例 <div id="A" style="bac ...
jQuery得事件绑定
1. 绑定事件语法 bind(type,data,fn) 描述:为每一个匹配元素得特定事件绑定一个事件处理器函数. 参数解释: type:事件类型 data:作为event.data属性值传递给事件 ...
HTML——jQuery之事件绑定、取消事件绑定及事件委托
事件绑定事件绑定有两种方法:分别是:.click() 和.on() <!DOCTYPE html> <html lang="en"> <head&g ...
jQuery的事件绑定和解绑
1.绑定事件语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数. 参数解释: type (String) : 事件类型 data ( ...
jQuery jq事件绑定
jQuery已经很多年没有更新过了,因此ES6新增的一些事件和箭头函数等,它是不支持的
java mvc jquery weui_WEUI 事件绑定
1.**简易的输入同步框** 所需用到的事件为bindinput,详情可以查看[开发文档][Link 1] > 通过bindinput事件来监听输入框的值是否发生改变且获取到改变后的值,之后在j ...
jQuery文本框(input textare)事件绑定方法教程
jquery 的事件绑定已经用on替换了原来的bind,接下来为大家分享下bind的使用方法及input textare事件.目前1.7以上,jquery?的事件绑定已经用on替换了原来的bind,接 ...
jQuery事件绑定on()、bind()与delegate() 方法详解
啃了一段日子的js相关了,学的过程中发现在jQuery中绑定事件时,有人用bind(),有人用on(),有人用delegate(),还有人用live(),看代码的时候觉得都实现功能了也就掀过去了,只是 ...
1、jquery事件绑定和委托的实现
jQuery的事件绑定和委托可以使用 on().one().bind().live().delegate()等方法实现. 1.on() : 语法:$(selector).on(event,child ...

jQuery之事件绑定

jQuery之事件绑定相关推荐

最新文章

热门文章