JQ插件的写法及使用整理
生活随笔
收集整理的這篇文章主要介紹了
JQ插件的写法及使用整理
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
因為要用到插件功能了，所以這里進行了一次簡單的記錄，方便日后查閱，需要的同學可以直接拿走 看JQ實例：
(function($) {
$.fn.edit = function(options){
var defaults = {
foreground: 'red',
background: 'yellow'
};
var opts = $.extend(defaults,options);
return this.each(function() {//遍歷對象集合
var obj = $(this);//獲取當前對象
var attr = (new Function("return " + obj.attr('attr')))();//將attr屬性轉換為JSON對象
obj.css({'background':attr.background,'color':attr.color});//設置對象CSS
});
};
})(jQuery);
//這里就直接使用了：? $(function(){$('.myDiv').edit();}); HTML代碼為:
<div attr="{background:'red'}">sadf</div>
<div attr="{color:'green'}">123456</div>
簡單的實例應用，更多擴展將在未來繼續(xù)添加補充
總結
以上是生活随笔為你收集整理的JQ插件的写法及使用整理的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： PHP获取优酷视频FLV地址
- 下一篇： 如何使自己的网站与UC进行用户整合