jQuery的createdimg插件可以幫助我們動態生成圖片元素,非常方便實用。下面我們來了解一下它的使用方法。
$.fn.createdimg = function(options) { var settings = $.extend({ src: '', alt: '', title: '', class: '', id: '', width: '', height: '', style: '' }, options); var img = $(''); img.attr('src', settings.src); img.attr('alt', settings.alt); img.attr('title', settings.title); img.addClass(settings.class); img.attr('id', settings.id); img.attr('width', settings.width); img.attr('height', settings.height); img.attr('style', settings.style); $(this).append(img); }; 調用示例: $('#imgContainer').createdimg({ src:'img/test.png', alt:'測試圖片', title:'測試用圖片', class:'test-img', id:'testImg', height:'200px' });
以上的代碼中,我們先通過$.fn來擴展了jQuery的方法,將我們的createdimg方法添加到jQuery對象中。接著,我們使用$.extend函數來處理傳入的options參數,設置了一些圖片的屬性。在接下來的代碼中,我們通過jQuery對象及方法來動態的生成圖片元素,并將其添加到傳入的目標容器中。
調用示例中,我們傳入了一個包含圖片屬性的對象,將其傳遞給createdimg方法進行處理。最終,我們得到了一個包含了傳入屬性的圖片元素,并將其添加到了id為imgContainer的容器中。
上一篇判斷css文字多余省略
下一篇mysql一主兩從配置