zoukankan      html  css  js  c++  java
  • Jquery的简写

    jquery大大简化了js的dom操作。除此之外,jquery还特别的注重自身的修炼,极力推崇瘦身。

    于是乎有些不可不知的常用jquery简写,在此一一总结。

    $(docment).ready(function(){…})简化为$(function(){…})

    $(selector).bind('click','function(){…}')简化为$(selector).click(function(){…})

    另外,toggle和hover有些相通,还有一个toggleClass和前面这两个函数有点共性。

    看例子,自动的在moveover和moveout的时候执行:

        $('p').hover( function(){$('p').addClass('changeColor'); },
                                    function(){$('p').removeClass('changeColor')}
                        );

    而改用toggle,则效果变成一次点击,二次点击,交替执行。

        $('p').toggle( function(){$('p').addClass('changeColor'); },
                                    function(){$('p').removeClass('changeColor')}
                        );

    要实现同样的效果,还可以使用toggleClass

    $('p').bind('click',function(){
            $(this).toggleClass('changeColor');
        });
    });

    或者

    $('p').click(function(){
            $(this).toggleClass('changeColor');
        });
    });

    trigger方法

    trigger方法的正式写法是:

    $(function(){

      $('selector').triggrt('click');

    })

    但是我们经常用到的是:

    $(function(){

      $('selector').click();

    })

    当使用click而不带任何参数的时候,结果将是触发操作而不是绑定行为。


    显示隐藏一个元素会用到hide()和show()两个函数。

    其写法是$(selector).hide()

    这个可以看成是$(selector).css('display','hidden')的简写

  • 相关阅读:
    【jQuery Case Study 1】Site:cssninjas.com
    PostgreSQL HA双机热备份配置
    PogreSQL物理备份与逻辑备份
    转:truncate,delete和drop删除表的异同
    pgsequence序列的用例
    Linux下端口占用的解决方法
    Linux下脚本的编写和执行
    schema模式的选用
    pg数据库基础备份的注意事项
    PostgreSQL VMCC多版本并发控制
  • 原文地址:https://www.cnblogs.com/yingzi/p/2593606.html
Copyright © 2011-2022 走看看