Произошла ошибка.
Пожалуйста, обновите страницу.
Fly.js > Документация > Изменение DOM > $(...).attr()

$(...).attr()

Возвращает или устанавливает значения атрибутов для DOM узлов текущей FlyNode.

#Изменение DOM #Стили

$(...).attr(name)
$(...).attr(name, value)
$(...).attr(options)

                    FlyDomNode: {
                        __constructor: function(context) {
                            var array = fnNodeList.makeDomNodeArray(context);
                            for (var a = 0, al = array.length; a < al; a++) {
                                this[a] = array[a];
                            }
                            this.length = al;
                        },

                        size: function() {
                            return this.length;
                        },

                        get: function(index) {
                            return $.isNumber(index) ? this[index] : [].slice.call(this);
                        },

                        addNode: function(flyNode) {
                            return fnNodeList.changeNodeContext(this, flyNode, function(child, context) {
                                context.indexOf(child) === -1 && context.push(child);
                            });
                        },

                        removeNode: function(flyNode) {
                            return fnNodeList.changeNodeContext(this, flyNode, function(child, context) {
                                var position = context.indexOf(child);
                                if (position !== -1) context.splice(position, 1);
                            });
                        },

                        eq: function(index) {
                            if (index < 0) index = index + this.length;
                            return new this.__self(this[index]);
                        },

                        lt: function(index) {
                            return new this.__self(this.slice(0, index));
                        },

                        gt: function(index) {
                            return new this.__self(this.slice(index));
                        },

                        last: function(selector) {
                            var element = this[this.length - 1];
                            return new this.__self(fnStyle.isMatch(element, selector) ? element : []);
                        },

                        first: function(selector) {
                            var element = this[0];
                            return new this.__self(fnStyle.isMatch(element, selector) ? element : []);
                        },

                        normalize: function() {
                            return fnNodeList.transformNodeContext(this, function(item, context) {
                                if ($.isNode(item)) context.push(item);
                            });
                        },

                        each: function(callback, context) {
                            $.each(this, callback, context);
                            return this;
                        },

                        name: function() {
                            return this[0].tagName.toLowerCase() || null;
                        }
                    }

$(...).attr(name)
Возвращает: Null 0 or String ABC

Возвращает значение атрибута для первого узла текущей FlyNode.

name: String ABC

Название запрашиваемого атрибута.

Возвращает значение атрибута name для первого узла текущей FlyNode. Если такой атрибут не найден, то метод вернёт null.

Пример: Чтение атрибута DOM узла.

<!DOCTYPE html>
    <head>
        <meta charset="utf-8"/>
        <title>Fly.js - $(...).attr()</title>

        <script src="/scripts/fly.js"></script>
    </head>
    <body>
        <div id="red" style="color:red"></div>

        <script>
            var div = $('#red');
            div.html(div.attr('style'));
        </script>
    </body>
</html>

$(...).attr(name, value)
Возвращает: FlyNode [$]

Устанавливает атрибут name в значение value для каждого узла текущей FlyNode.

name: String ABC

Имя атрибута для изменения.

value: String ABC

Новое значение атрибута.

Метод вернёт текущую FlyNode.

Пример: Изменение атрибута DOM узла.

<!DOCTYPE html>
    <head>
        <meta charset="utf-8"/>
        <title>Fly.js - $(...).attr()</title>

        <script src="/scripts/fly.js"></script>

        <style>
            *[data-theme="red"] {
                color: red;
            }
        </style>
    </head>
    <body>
        <div>
            <b>Hello world!</b>
        </div>

        <p></p>

        <script>
            $('b').attr('data-theme', 'red');
            $('p').html($.escape($('div').html()));
        </script>
    </body>
</html>

$(...).attr(options)
Возвращает: FlyNode [$]

Устанавливает атрибуты (ключи options) в соответствующие значения (значения options) для каждого узла текущей FlyNode.

options: Object {}

Этот вариант использования похож на предыдущий, но вместо одной пары name и value передаётся объект options, где каждый ключ - это название атрибута.

Метод вернёт текущую FlyNode, установив для каждого узла все атрибуты из options в соответствующие значения.

Пример: Изменение множества атрибутов DOM узла.

<!DOCTYPE html>
    <head>
        <meta charset="utf-8"/>
        <title>Fly.js - $(...).attr()</title>

        <script src="/scripts/fly.js"></script>
    </head>
    <body>
        <div>
            <b>Hello world!</b>
        </div>

        <p></p>

        <script>
            $('b').attr({
                id: 'hello',
                style: 'color:red',
                'data-theme': 'black'
            });
            $('p').html($.escape($('div').html()));
        </script>
    </body>
</html>