本书目录结构清晰,循序渐进,以实际例子作为指引,帮助你学习jQuery的各个重要功能,如果结合jQuery手册学习效果更好。 希望读者能够多实践,能把书中的例子结合到实际工作和学习上来,我想会在短时间内有比较大的提升。
在淮北等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站制作、做网站、外贸营销网站建设 网站设计制作按需定制制作,公司网站建设,企业网站建设,品牌网站建设,全网整合营销推广,外贸网站制作,淮北网站建设费用合理。
我是先从锋利的jQuery学起的,例子很快上手。
另外那本,没接触过。
网上有下载的,可以都下下来看看。
如果喜欢,买书吧。
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事件有了新的认识了呢,希望本文能给大家带来一些帮助。
ExtJS适合使用在内部网络,例如mes系统,内部办公系统之类的
JQuery适合使用在对外的网络,例如企业的门户网站,对外的报名系统之类的
说白了 extjs较大,jquery较小,一个适合大带宽,一个适合小带宽
至于easy UI 舍弃 不考虑
这都不太适合,建议你先学学js(即javascript)就是浅显的了解下js基本的语法,知道Dom操作,再来学锋利的jquery就得心应手了,(个人觉得锋利的jquery挺不错的)jquery权威指南没看过!
网站栏目:jquery指南,jquery基础
文章出自:https://www.cdcxhl.com/article8/dsddoip.html
成都网站建设公司_创新互联,为您提供外贸建站、手机网站建设、网站设计公司、网站策划、自适应网站、网站改版
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联