удалить отображение атрибута: нет;так что элемент будет виден

Question

Элемент:

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

    background-color:yellow;

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

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

$ ("span"). RemoveAttr ("display");

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

Answer 1

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

Answer 2

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

или ..

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

Answer 3

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

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

$("span").show();

Answer 4

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

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

Answer 5

Если вы планируете скрыть, покажите некоторый интервал, основанный на событии клика, который изначально скрыт с помощью style = "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>

Answer 6

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

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

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

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

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

Удачи!