重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这都不太适合,建议你先学学js(即javascript)就是浅显的了解下js基本的语法,知道Dom操作,再来学锋利的jquery就得心应手了,(个人觉得锋利的jquery挺不错的)jquery权威指南没看过!
创新互联建站专业为企业提供德江网站建设、德江做网站、德江网站设计、德江网站制作等企业网站建设、网页设计与制作、德江企业网站模板建站服务,10余年德江做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
我是先从锋利的jQuery学起的,例子很快上手。
另外那本,没接触过。
网上有下载的,可以都下下来看看。
如果喜欢,买书吧。
本书目录结构清晰,循序渐进,以实际例子作为指引,帮助你学习jQuery的各个重要功能,如果结合jQuery手册学习效果更好。 希望读者能够多实践,能把书中的例子结合到实际工作和学习上来,我想会在短时间内有比较大的提升。
《jQueryEasyUI开发指南》百度网盘pdf最新全集下载:
链接:
?pwd=dnk6 提取码:dnk6
简介:《jQuery EasyUI开发指南》通俗易懂,通过讲述管理系统的完整开发过程,把jQuery EasyUI的各种插件,无缝融合到项目当中,让读者从基础开始,逐步过渡到深入理解的层面。
jQuery提供一些方法(如:toggle)将两种事件效果合并到一起,比如:mouseover、mouseout;keyup、keydown等
1、hover函数
hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。
参数:
over
(Function)
:
鼠标移到元素上要触发的函数。
out
(Function):
鼠标移出元素要触发的函数。
复制代码
代码如下:
script
type="text/javascript"
$(function(){
$("#panel
h5.head").hover(function(){
$(this).next().show();//
鼠标悬浮时触发
},function(){
$(this).next().hide();//
鼠标离开时触发
})
})
/script
2、toggle函数
toggle(fn,fn)
每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
可以使用unbind("click")来删除。
复制代码
代码如下:
script
type="text/javascript"
$(function(){
$("#panel
h5.head").toggle(function(){
$(this).next().show();//
第一次点击时触发
},function(){
$(this).next().hide();//
第二次点击时触发,之后不停的切换
})
})
/script
toggle()
方法切换元素的可见状态。
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。toggle()方法切换元素的可见状态。
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
所以上述的代码还可以写成:
复制代码
代码如下:
script
type="text/javascript"
$(function(){
$("#panel
h5.head").toggle(function(){
$(this).next().toggle();
},function(){
$(this).next().toggle();
})
})
/*$(function(){
$("#panel
h5.head").click(function(){
$(this).next().toggle();
})
})*/
/script
还可以添加一些css样式:
复制代码
代码如下:
style
type="text/css"
.highlight{
background:#FF3300;
}
/style
script
type="text/javascript"
$(function(){
$("#panel
h5.head").toggle(function(){//配合css样式使用
$(this).addClass("highlight");
$(this).next().show();
},function(){
$(this).removeClass("highlight");
$(this).next().hide();
});
})
/script
小伙伴们是否对jQuery中常见的hover事件和toggle事件有了新的认识了呢,希望本文能给大家带来一些帮助。