JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<p><b>FUKCINg SJIT</b>Мы рады сообщить Вам, о <a href="#">появление нового</a> ассортименты товара, а именно мясные консервы, приправы, <a href="#">кулинарные добавки</a>, кисели и тд. Весь ассортимент товара вы можете <b>увидеть</b> на сайте в</p>

CSS

* {
    padding:0;
    margin:0;
}
body {
    font-size:11px;
    font-family:Arial;
}
p {
    line-height:150%;
}
.bis {
    padding:0 5px;
    background:#cdcdcd;
    border-radius:3px;
    margin-right:5px;
}
.hov {
    width:100%;
    height:100%;
    background:black;
    z-index:1000;
    display:block;
    position:absolute;
}

JavaScript

(function ($) {
    $.fn.grenny = function (options) {

        // Создаём настройки по-умолчанию, расширяя их с помощью параметров, которые были переданы
        var settings = $.extend({
            'background-color': 'blue',
            'color': 'yellow'
        }, options);

        return this.each(function () {
            $(this).css('color', settings.color).addClass('bis');
        });

    };
})(jQuery);


(function ($) {
    $.fn.getHei = function () {

       var max = 0;
        
        return this.each(function () {
           
        return max;
        });

    };
})(jQuery);



$('a').grenny();