2016.11.14 jq(参考手册 - 事件 效果)

来源:互联网 发布:mysql inner join优化 编辑:程序博客网 时间:2024/05/01 10:41

事件方法:$("button#demo").click()。上面的例子将触发 id="demo" 的 button 元素的 click 事件。bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。$(selector).bind(event,data,function)。$("button").bind({click:function() {$("p").slideToggle();},mouseover:function(){$("body").css("background-color","red");},  当元素失去焦点时发生 blur 事件。

当元素的值发生改变时,会发生 change 事件。该事件仅适用于文本域(text field),以及 textarea 和 select 元素。delegate()方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。移除所有通过 live() 方法向 p 元素添加的事件处理程序:die() 方法。当元素遇到错误(没有正确载入)时,发生error 事件。显示哪个 DOM 元素触发了事件:event.target.nodeName。显示触发了哪种类型的事件:event.type。显示按了哪个键:event.which。live()    为当前或未来的匹配元素添加一个或多个事件处理器。当调整浏览器窗口的大小时,发生 resize 事件。当用户滚动指定的元素时,会发生scroll 事件。当提交表单时,会发生 submit 事件。toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。$(selector).toggle(function1(),function2(),functionN(),...)。

效果函数:animate() 方法执行 CSS 属性集的自定义动画。$(selector).animate(styles,speed,easing,callback)。styles     必需。规定产生动画效果的 CSS 样式和值。CSS 样式使用 DOM 名称(比如 "fontSize")来设置,而非 CSS 名称(比如 "font-size")。fadeIn()     逐渐改变被选元素的不透明度,从隐藏到可见。fadeOut()     逐渐改变被选元素的不透明度,从可见到隐藏。fadeTo()     把被选元素逐渐改变至给定的不透明度。$(selector).fadeTo(speed,opacity,callback)。stop() 方法停止当前正在运行的动画。为被选元素设置一个以上的属性和值。$(selector).attr({attribute:value, attribute:value ...})。hasClass() 方法检查被选元素是否包含指定的 class。removeAttr() 方法从被选元素中移除属性。$(selector).removeAttr(attribute)。removeClass() 方法从被选元素移除一个或多个类。toggleClass() 对设置或移除被选元素的一个或多个类进行切换。$(selector).toggleClass(class,switch)。switch     可选。布尔值。规定是否添加(true)或移除(false)类。val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

0 0