一些jQuery使用技巧(借)
1.像数组一样使用jQuery对象
运行一个选择器得到的结果是一个jQuery对象。但是,通过jQuery可以使结果看起来更像一个数组,你可以定义索引元素和长度。
- var buttons = $('#navigation a.button'); //Selecting all the navigation b //Selecting all the navigation buttons
- // We can loop though the collection:
- for(var i=0;i<buttons.length;i++){
- console.log(buttons[i]); // A DOM element, not a jQuery object
- }
2.检查一个元素是否存在
确定一个元素集合是否存在或是否包含元素的唯一方法是检查元素的长度。
- If (buttons.length){ // True only if buttons contains elements
- // Do something }
3.把你的代码变成jQuery插件
- function($){
- $.fn.yourPluginName = function(){
- // Your code goes here
- return this;
- };
- })(jQuery);
4.本地存储
Local storage是一个用于在客户端上存储信息的API。使用时,你只需将你的数据作为localStorage全局对象的一个属性:
localStorage.someData = "This data is going to persist across page refreshes and browser restarts";
旧的浏览器不支持该API,不过有各种jQuery插件可以作为替代方案。这些插件在localStorage不可用时提供了其他存储方案。下面是一个例子:
- // Check if "key" exists in the storage.
- var value = $.jStorage.get("key");
- if(!value){
- // if not - load the data from the server
- value = load_data_from_server();
- // and save it
- $.jStorage.set("key",value);