Блог

Главная - Вопросы по программированию - Jquery Скрывает теги внутри тела

Jquery Скрывает теги внутри тела

#jquery

#jquery

Вопрос:

 <html>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" >
 </script>
<script type="text/javascript">


$(document).ready(function(){

$("button").click(function()
{
   callMe();
});


function callMe()
{

$("body .p").hide();
}

});

</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<h2>This is a heading2</h2>
<button>Click me</button>
</body>
</html>

Привет ,

Я новичок в Jquery, поэтому, пожалуйста, извините, если мои вопросы глупы. Здесь я пытаюсь скрыть теги P внутри тела (при нажатии этой кнопки отправки)

Но это не работает.

кто-нибудь может мне помочь

Ответ №1:

Измените функцию на

 function callMe()
{
    $("body p").hide();
}

Ваша ошибка была здесь:

.p Означает любой тег с именем css-класса p или <p> тег.

Ответ №2:

$("body .p").hide(); // Это неправильно

попробуйте

 $("body p").hide();

или просто

 $("p").hide();

Ответ №3:

. используется для класса. Поэтому не используйте .p, который будет обозначать элементы с именем класса p. Поскольку p — это ваш элемент, вы можете просто использовать («body p»)

Ответ №4:

Будьте осторожны!
$("body p").hide() скроет все до единого <p> внутри вашего тела, включая <p> теги внутри вашего верхнего и / или нижнего колонтитула и / или везде еще! Лучше поместить ваши <p> s, которые вы хотите скрыть, внутри определенных <div> s и использовать $(".hiding_divs p").hide() .

Комментарии:

1. Добавление дополнительных divs кажется немного излишним, если вы можете просто добавить класс к каждому p, который должен быть скрыт, а затем использовать $('p.hideMe') в качестве селектора. Но оба способа будут работать!

Метки: