了解jQuery技巧来提高你的代码

2020-05-24 21:18:57易采站长站整理

                $(this).val(“”);
            }
        }).blur( function() {
        // 为有class clear的域添加blur时间来恢复默认值
            // 但如果class是once则忽略
            if ($.trim($(this).val()) === “” && !$(this).hasClass(“once”)) {
                // Restore saved data
                $(this).val($(this).data(“txt”));
            }
        });
});

查看Demo


5.jQuery手册常备身边

大多数人都很难记住所有的编程细节,即使再好的程序员也会有对某个程序语言的疏忽大意,所以把相关的手册打印出来或随时放在桌面上进行查阅绝对是可以提高编程效率的。
oscarotero jquery 1.3 (壁纸版)
jQuery手册


6.在FireBug控制台记录jQuery

FireBug是我最喜欢用的一个浏览器扩展工具之一,这个工具可以让你快速的在可视化界面中了解当前页面的HTML+CSS+JavaScript,并在该工具下完成即时开发。作为jQuery或JavaScript开发人员,FireFox对于记录你的JavaScript代码也得到支持。


写入FireBug控制台的最简单方式如下:


console.log(“hello world”)


firebug-jquery-控制台


你也可以按照你希望的方式写一些参数:


console.log(2,4,6,8,”foo”,bar)


你也可以编写一个小扩展来记录jQuery对象到控制台:


jQuery.fn.log = function(msg) {
    console.log(“%s: %o”, msg, this);
    return this;
};
// 对于这个扩展,你可以直接使用.log()方法来记录当前对象到控制台。
$(‘#some_div’).find(‘li.source > input:checkbox’).log(“sources to uncheck”).removeAttr(“checked”);