$(...).hide()
Скрывает элементы, выставляя свойство display
в значение none
.
#Стили
$(...).hide()
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;
}
}
$(...).hide()
Возвращает: FlyNode [$]
Этот метод не принимает никаких аргументов.
Рекомендуется пользоваться методом $(...).hide()
для скрытия элементов, потому что он запоминает состояние display
на случай повторого отображения.
Пример: Скрытие узлов DOM.
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>Fly.js - $(...).hide()</title>
<script src="/scripts/fly.js"></script>
</head>
<body>
<p style="border:1px red solid; display:inline">Hello world!</p>
<button>Show paragraph!</button>
<script>
$('p').hide();
$('button').once('click', function() {
$('p').show();
});
</script>
</body>
</html>