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')的简写

  • 相关阅读:
    求最大公约数和最小公倍数,从文件输入数据,将结果输出到另外一个文件
    在CentOS系统中安装quota来管理磁盘配额
    The implementation details of the built thermal setup
    Task set generation
    利用FPGA加速实现高性能计算
    跨域名上传图片
    这几天基本是混过来的
    jQuery插件之Cookie
    jQuery on()方法
    CActiveForm提示中文化
  • 原文地址:https://www.cnblogs.com/yingzi/p/2593606.html
Copyright © 2011-2022 走看看