jQuery技术

javascript函数库:jQuery基础教程(3)

字号+ 作者:H5之家 来源:H5之家 2017-07-13 14:36 我要评论( )

$('a').click(function(){ if ($(this).attr('href').match('evil')){//如果确认为有害链接 e.preventDefault(); //阻止打开 $(this).addClass('evil'); //加上表示有害的class } }); 有两种方法,可以自动触发一个

$('a').click(function(){   
if ($(this).attr('href').match('evil')){//如果确认为有害链接   
e.preventDefault(); //阻止打开   
$(this).addClass('evil'); //加上表示有害的class   
}   
});

有两种方法,可以自动触发一个事件。一种是直接使用事件函数,另一种是使用.trigger()或.triggerHandler()。

$('a').click(); 
 
$('a').trigger('click');

九、特殊效果

jQuery允许对象呈现某些特殊效果。

$('h1').show(); //展现一个h1标题 

常用的特殊效果如下:

$('h1').show(); //展现一个h1标题  
 
常用的特殊效果如下: 
 
.fadeIn() 淡入 
 
.fadeOut() 淡出 
 
.fadeTo() 调整透明度 
 
.hide() 隐藏元素 
 
.show() 显示元素 
 
.slideDown() 向下展开 
 
.slideUp() 向上卷起 
 
.slideToggle() 依次展开或卷起某个元素 
 
.toggle() 依次展示或隐藏某个元素

除了.show()和.hide(),所有其他特效的默认执行时间都是400ms(毫秒),但是你可以改变这个设置。

$('h1').fadeIn(300); // 300毫秒内淡入   
$('h1').fadeOut('slow'); //缓慢地淡出

在特效结束后,可以指定执行某个函数。

$('p').fadeOut(300, function(){$(this).remove(); }); 

更复杂的特效,可以用.animate()自定义。

$('div').animate(   
{   
left : "+=50",//不断右移   
opacity : 0.25 //指定透明度   
}, 
 
300,// 持续时间   
function(){ alert('done!'); }//回调函数   
);

.stop()和.delay()用来停止或延缓特效的执行。 
 
$.fx.off如果设置为true,则关闭所有网页特效。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Javascript笔记:(实践篇)从jQuery插件技巧说起

    Javascript笔记:(实践篇)从jQuery插件技巧说起

    2017-07-09 11:00

  • CoffeeScript jQuery的

    CoffeeScript jQuery的

    2017-07-08 08:09

  • JavaScript 框架比较

    JavaScript 框架比较

    2017-07-07 17:03

  • jQuery javascript 细节原理剖析

    jQuery javascript 细节原理剖析

    2017-07-07 12:02

网友点评
i