Question

我试图在加载时隐藏一个段落

<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>

PHP

<?php
echo"<p id='para'> this is test </p>"
?>

我正在尝试的是对客户端的未来元素执行操作，我无法做到......任何帮助...... ????

Answer 1

您应该创建一个CSS规则，添加到任何具有display:none。

的新元素

这样，任何新元素都会自动对其强制执行CSS规则。一旦想要显示该元素，只需删除该CSS类..

echo "<p id='para' class='hide'> this is test </p>"
// here is the class------^

现在在你的CSS文件中你可以拥有：

.hide {
  display: none;
}

要删除该类并使该段落可见，请使用：

$( "#para" ).removeClass( "hide" );

你也可以通过jQuery添加这个类：

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

Answer 2

您可以尝试在单击#btn时设置标志，然后在设置标志时隐藏AJAX成功的段落。

隐藏jquery中的一些未来元素

2 个答案: