Как я могу использовать CSS, чтобы показать и скрыть несколько элементов одновременно? - PullRequest
Новая
       2

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

0 голосов
/ 15 сентября 2011

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

То есть я не могу получить метод, который я связал вышеработать.Я скопировал и вставил точно, и использовал <body onLoad="javascript_needed()">, потому что я не был уверен, куда $(document).ready(function ()... должен был пойти.Я, к сожалению, совершенно незнаком с Javascript.

Ответы [ 2 ]

1 голос
/ 15 сентября 2011

Используйте что-то вроде этого; 

<script>

  $(document).ready(function(){
    //Code goes in here.
  });

</script>

Не забудьте одновременно загрузить библиотеку jQuery с http://jquery.com/

Кроме того, вы захотите прочитать о селекторах.

Использование $("#myElement") выберет элементы с идентификатором «myElement».

Использование $(".myElement") выберет элементы, имеющие класс «myElement».

Итак, 

<div class="hideMe">Content</div>
<div class="hideMe">Content</div>
<div class="hideMe">Content</div>
<div class="doNotHideMe">Content</div>

<input type="button" class="ClickMe" value="click me"/>

<script>

  $(function(){
    $(".ClickMe").click(function(){
      $(".hideMe").hide(250);
    });
  });

</script>

редактировать

Если вы хотите сделать ссылку на библиотеку jquery онлайн, используйте; 

<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript"></script>

Если вы загружаете библиотеку и вставляете файл js в свой проект, тогда используйте; 

<script src="/yourPathToTheLibrary/jquery-1.6.1.min.js" type="text/javascript"></script>
0 голосов
/ 15 сентября 2011

Синтаксис $ является частью jQuery. Если вы хотите использовать jQuery, то где-нибудь в вашем коде используйте тег script, как в вашем посте: 

<script>
    $(function() {
        $('.selector').hide(250);
    });
</script>

Если вы хотите чистый JavaScript, тогда есть немного больше накладных расходов. Не включая готовый документ (который может быть большим количеством дополнительного кода, чтобы сделать это правильно ... Смотрите пример: здесь ). 

<script>
    elements = document.querySelectorAll('.selector');

    for(int i=0,len=elements.length;i<len;++i) {
        elements[i].style.display = 'none';
    }
</script>

Вы можете поместить это в функцию, если хотите. Для отображения элементов установите атрибут отображения на ''.

...