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;
}
}
$(selector, [context])Возвращает: FlyNode [$]
Возвращает FlyNode со всеми узлами, удовлетворяющими селектору и контексту.
selector: String ABC
CSS селектор для выборки узлов.
context: Array [] or FlyNode [$] or Node <> or NodeList [<>] or String ABC
Контекст для поиска узлов.
Контекст может быть представлен массивом узлов, коллекцией узлов, одним узлом, объектом FlyNode или же строкой-селектором. Если контекст не задан, поиск будет производиться по всему документу.
Пример: Создание FlyNode с помощью CSS селектора.
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>Fly.js - $()</title>
<script src="/scripts/fly.js"></script>
</head>
<body>
<p class="paragraph"></p>
<p id="result"></p>
<script>
var result = $('.paragraph', document.body);
$('#result').html(result.length);
</script>
</body>
</html>$(fragment)Возвращает: FlyNode [$]
Возвращает FlyNode с переданными DOM узлами.
fragment: Array [] or FlyNode [$] or Node <> or NodeList [<>]
Объект с DOM узлами.
Этот вариант функции создаст FlyNode прямо из аргумента fragment, не затрачивая время на выборку узлов по селектору.
Пример: Создание FlyNode из DOM.
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>Fly.js - $()</title>
<script src="/scripts/fly.js"></script>
</head>
<body>
<p></p>
<script>
var result = $(document.body);
$('p').html(result.length);
</script>
</body>
</html>$(code)Возвращает: FlyNode [$]
Создаёт новые узлы DOM из HTML кода.
code: String ABC
HTML код нового фрагмента.
Этот вариант вызова метода сработает только в том случае, если HTML код содержит символ <. В противном случае (если нужно создать текстовый узел) следует воспользоваться методом $.new().
Пример: Создание новых узлов.
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>Fly.js - $()</title>
<script src="/scripts/fly.js"></script>
</head>
<body>
<p>Hello<span></span>world!</p>
<script>
var result = $('<b> world! Hello </b>');
$('span').append(result);
</script>
</body>
</html>