一些jQuery使用技巧(借)
2013-04-12 15:04
323 查看
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);
运行一个选择器得到的结果是一个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);
相关文章推荐
- jquery thickbox的一些使用技巧
- 一些软件在windows平台上的使用技巧
- Linux系统下pv命令的一些使用技巧小结
- 使用百度搜索的一些技巧
- jquery使用技巧简介
- sql*plus使用的一些技巧
- 从jquery源码中学习一些技巧
- 一些实用的 jQuery 技巧
- Dev-C++的一些使用技巧
- 关于DataList的一些使用技巧
- Douban的jquery使用技巧
- 使用Innosetup制作安装包的一些技巧
- 26个Jquery使用技巧(值得收藏)
- idea的一些使用技巧
- 一些应该熟记于心的jQuery函数和技巧(3)
- 位运算的使用和一些技巧
- JQuery中Ajax功能的使用技巧二则
- jQuery编写widget的一些技巧分享
- INFORMIX-SQL的一些使用技巧
- iphone UINavigationController使用的一些技巧