您的位置:网站主页> Javascript教程> HTML JS > 开发中经常用的jquery特效总结!求顶

开发中经常用的jquery特效总结!求顶

时间:2012-10-13 09:43:08   编辑:一切随缘   文章来源:php教程网 已阅读:153 次

编程入门教程[www.ask186.com]网站介绍 

    编程入门教程主要涉及WEB开发领域,主要为广大WEB开发人员提供最新的WEB开发资讯信息,包含php教程mysql教程php面试题在线调色板php学习以及常用( Amazon ApiGoogle Api)等API、爱问资源共享HTML转JS不显示xml...[详细]
广告投放: 编程入门教程:www.ask186.com 电话:15818865556

      开发中经常用的jquery特效总结!求顶

        1。优化性能复杂的选择

        查询DOM中的一个子集,使用复杂的选择时,大幅提高了性能:
        var subset = $("");
        $("input[value^='']", subset);

        2。设置上下文和提高性能
        jQuery核心功能上,指定上下文参数。指定context参数,允许从DOM中更深的分支,而不是从DOM根,jQuery来启动。鉴于一个足够大的DOM,指定上下文参数转化为性能提升。


        同样,要停止现场事件处理:
        4。检查索引
        jQuery有索引,但它是一种痛苦,使用你所需要的元素的列表,并通过元素你想要的指标
        $("ul > li").click(function ()
        {
            var index = $(this).prevAll().length;
        });
        如果你想知道在一个集合元素的索引,例如在一个无序列表的列表项:
        5。使用jQuery的数据的方法
        $("ul > li").click(function ()
        {
            var index = $(this).prevAll().length;
        });
        结合多个jQuery效果,动画和删除DOM元素。

          .hide()
          .addClass()
          .fadeIn()
        .hide();

        10。创建自定义选择$.extend($.expr[    function        return $(a).height() > 100;).click(function    alert('The element you clicked is over 100 pixels high'
        11。克隆在jQuery对象
        使用clone()方法。jQuery的方法克隆任何JavaScript中的DOM对象。
        // Clone the DIV
         ).clone();
        jQuery的clone()方法不克隆一个JavaScript对象。克隆JavaScript对象,使用下面的代码。

        // Shallow copy
         newObject = jQuery.extend({}, oldObject);
         
        // Deep copy
         
        12。测试,如果事情是隐藏使用jQuery
        我们使用。隐藏()。在jQuery的show()方法来改变元素的知名度。使用以下代码来检查一个元素是否是可见或不可见。
        ($(element).is("true"
               //The element is Visible
        }
        13。另一种方式的文件准备就绪
        //Instead of
        $(document).ready(function
            //document ready
        function
            //document ready
        14。选择一个元素。(期),在它的ID
        如果你要计算所有的div#foo的元素存在于$("#foo > div").size()jQuery.fn.flash = function( color, duration )     current = 'color'    'rgb(' + color +  }, duration / 2 );    .animate( { color: current }, duration / 2 );
        //Then use the above function as:
        jQuery.fn.center = function    "position""absolute"    , ( $(window).height() - .height() ) / 2+$(window).scrollTop() +     "left", ( $(window).width() - .width() ) / 2+$(window).scrollLeft() +     return
         
        //Use the above function as:
        18。获取父div使用最接近
        "#searchBox").closest();



        $().mousemove(function
            //display the x and y axis values inside the P element



            ).html( + e.pageX + " | Y Axis " + e.pageY);
        <p></p>  ;

 

  • 上一篇:
  • 下一篇:

本文地址:http://www.ask186.com/content/article/js/html/1864.html(转载请保留)

相关关键词搜索:开发中经常用的jquery特效总结!求顶

查看评论更多>>
4楼 liujian 2015-04-21 17:34发表
好网站,值得收藏,以后会多多来看,很多文章内容都挺好的!
3楼 niulang 2015-04-21 17:33发表
不论国外,单是我们中国,各种各样的网站数不胜数。打开页面第一个看到的不是你的网站有什么,而是你的整体布局,一个清爽、干净、整洁的页面是一个赢得人心的法宝,大站有大站的气势,小站有小站的风格,好的视觉效果可以告诉人们这个站点有实力,这个站点值得信赖,给人很强的亲和力,有一种发现新宝地,希望赶紧收藏的冲动。
2楼 leenons 2015-04-21 17:28发表
现在看php学习网都会在百度上面找找看评分怎么样,值不值得一看;同时也会将看过的php教程网站记录,有时候留下一些自己的感想的评论,有很多逗比的评论,还有很多专业的评论,建议大家可以在web开发网上面寻找相关文章、api,大部分的内容都还合理。
1楼 xiaobudian 2015-04-21 17:25发表
网站文章挺不错的,值得学习,希望站长多多努力!
发表评论
      
* 以上用户言论只代表其个人观点,不代表www.ask186.com网站的观点或立场
推荐文档更多
编程入门教程 | PHP教程 | Mysql教程 | Apache教程 | 最新文章 | PHP面试题| 网站地图 | Google地图 | Baidu地图 | 在线WEB论坛| 中纪委反腐最新消息

WEB技术QQ交流群:151963186 站长Q号:547214413
版权所有者:编程入门教程 地址:云南省文山州砚山县盘龙乡 滇ICP备12002707号-1
特别声明:本站内容仅供参考,不作为设计及确切依据!想了解更多,可立即进入Bbs提问