欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery createdimg

林雅南2年前8瀏覽0評論

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的容器中。