Javascript 在jquery中隐藏一些将来的元素_Javascript_Php_Jquery

Javascript 在jquery中隐藏一些将来的元素

javascript php jquery

Javascript 在jquery中隐藏一些将来的元素,javascript,php,jquery,Javascript,Php,Jquery,我正试图隐藏一段加载 <script> $(document).ready(function() { $.ajax({ url:"http://localhost/test.php", success:function(data){ $('#div').html(data);} }); $('#btn').click(function(){ $('#para').hide(); }) </script> <h

我正试图隐藏一段加载

<script>

$(document).ready(function()
{
$.ajax({
    url:"http://localhost/test.php",
    success:function(data){
            $('#div').html(data);}
});

$('#btn').click(function(){
    $('#para').hide();
})


</script>

<html>

<div id="div"> </div>
<input type="button" value="hide" id="btn">

</html>


$（文档）.ready（函数（）
{
$.ajax({
url:“http://localhost/test.php",
成功：功能（数据）{
$（'#div'）.html（数据）；}
});
$（'#btn'）。单击（函数（）{
$（“#para”）.hide（）；
})

PHP

您应该创建一个CSS规则，添加到任何新元素中，这些新元素将显示display:none

这样，任何新元素都会自动在其上强制执行CSS规则。一旦要显示该元素，只需删除该CSS类即可
echo "<p id='para' class='hide'> this is test </p>"
// here is the class------^

要删除类并使段落可见，请使用以下命令：
$( "#para" ).removeClass( "hide" );


您还可以通过jQuery添加此类：
...
success:function( data ) {
  var element = $( data ); // assuming data is just raw HMTL
  element.addClass( "hide" );
  $( "#div" ).html( element.html() );
}
...

单击#btn
时，您可以尝试设置一个标志，如果设置了标志，则可以隐藏AJAX成功的段落。
它确实隐藏了，但在使其再次可见时仍然存在问题。您是否尝试删除该隐藏
类？您可以使用此选择器匹配所有“隐藏”元素-$（.hide”）。
$( "#para" ).removeClass( "hide" );

...
success:function( data ) {
  var element = $( data ); // assuming data is just raw HMTL
  element.addClass( "hide" );
  $( "#div" ).html( element.html() );
}
...