jQuery初级学习笔记一

  1. jQuery 名称冲突

jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。

2.jQuery事件方法

$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时) $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件 $(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件 $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 $(selector).unload(function) 触发、或将函数绑定到指定元素的 unload 事件 $(selector).focus() 触发、或将函数绑定到指定元素的 focus 事件 $(selector).keydown() 触发、或将函数绑定到指定元素的 key down 事件 $(selector).keypress() 触发、或将函数绑定到指定元素的 key press 事件 $(selector).keyup() 触发、或将函数绑定到指定元素的 key up 事件 $(selector).live() 为当前或未来的匹配元素添加一个或多个事件处理器 $(selector).load() 触发、或将函数绑定到指定元素的 load 事件 $(selector).mousedown() 触发、或将函数绑定到指定元素的 mouse down 事件 $(selector).mouseenter() 触发、或将函数绑定到指定元素的 mouse enter 事件 $(selector).mouseleave() 触发、或将函数绑定到指定元素的 mouse leave 事件 $(selector).mousemove() 触发、或将函数绑定到指定元素的 mouse move 事件 $(selector).mouseout() 触发、或将函数绑定到指定元素的 mouse out 事件 $(selector).mouseover() 触发、或将函数绑定到指定元素的 mouse over 事件 $(selector).mouseup() 触发、或将函数绑定到指定元素的 mouse up 事件 $(selector).one() 向匹配元素添加事件处理器。每个元素只能触发一次该处理器。 $(selector).ready() 文档就绪事件(当 HTML 文档就绪可用时) $(selector).resize() 触发、或将函数绑定到指定元素的 resize 事件 $(selector).scroll() 触发、或将函数绑定到指定元素的 scroll 事件 $(selector).select() 触发、或将函数绑定到指定元素的 select 事件 $(selector).submit() 触发、或将函数绑定到指定元素的 submit 事件 $(selector).toggle() 绑定两个或多个事件处理器函数,当发生轮流的 click 事件时执行。 t$(selector).rigger() 所有匹配元素的指定事件 triggerHandler() 第一个被匹配元素的指定事件 $(selector).unbind() 从匹配元素移除一个被添加的事件处理器 $(selector).undelegate() 从匹配元素移除一个被添加的事件处理器,现在或将来 ……

  1. show()与hide()方法

语法:

$(selector).hide(speed,callback)

$(selector).show(speed,callback)

其中可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

示例:

$("button").click(function(){ $("p").hide(1000); });

4.通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。 显示被隐藏的元素,并隐藏已显示的元素:

语法:$(selector).toggle(speed,callback);

转载于:https://my.oschina.net/syc2013/blog/109722

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值