Удалить атрибут display: none; поэтому элемент будет виден

Элемент:

span    {
    position:absolute;
    float:left;
    height:80px;
    width:150px;
    top:210px;
    left:320px;

    background-color:yellow;

    display:none;                 //No display                  
    border: 3px solid #111;
}

Я использую этот код для удаления дисплея, чтобы он мог быть видимым,

$( "оболочка" ) removeAttr ( "дисплей" );.

но это не сработает. Является ли метод, который я использую, или есть другой способ получить результат?

Ответ 1

Для этой цели $("span").show() должен быть достаточно хорошим.

Ответ 2

$('#lol').get(0).style.display=''

или..

$('#lol').css('display', '')

Ответ 3

Функция removeAttr() удаляет только атрибуты HTML. display не является атрибутом HTML, это свойство CSS. Вы бы хотели использовать css() для управления свойствами CSS.

Но jQuery предлагает функцию show(), которая делает именно то, что вы хотите в сжатом вызове:

$("span").show();

Ответ 4

Вы должны удалить атрибут "стиль" вместо свойства "display":

$("span").removeAttr("style");

Ответ 5

jQuery, который вы используете, управляет DOM, а не самим CSS. Попробуйте изменить слово span в CSS на .mySpan, затем примените этот класс к одному или нескольким элементам DOM в вашем HTML так:

...
<span class="mySpan">...</span>
...

Затем измените ваш jQuery следующим образом:

$(".mySpan").css({ display : inline });

Это должно работать намного лучше.

Удачи!

Ответ 6

Если вы планируете скрывать отображение некоторого диапазона на основе события клика, которое изначально скрыто со стилем = "display: none", тогда .toggle() - лучший вариант для перехода.

$( "оболочка" ) переключения();.

Причины: Каждый раз, когда вам не нужно проверять, есть ли стиль уже там или нет..toggle() позаботится об этом автоматически и скроет/покажет интервал, основанный на текущем состоянии.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="Toggle" onclick="$('#hiddenSpan').toggle();"/>
<br/>
<br/>
<span id="hiddenSpan" style="display:none">Just toggle me</span>