在jQuery中隐藏一些未来的元素
hide some future elements in jquery
我试图在加载时隐藏段落
<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>"
?>
我正在尝试的是对客户端的未来元素执行操作,但我无法做到这一点......任何帮助.... ????
您应该创建一个 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() );
}
...
您可以尝试在单击#btn
时设置标志,然后在设置标志时隐藏有关 AJAX 成功的段落。
相关文章:
- 检测未来元素的存在并采取行动
- 如果选择了当前年份,则在Select元素中仅显示当前和未来月份
- Mobile Safari、jQuery以及绑定到未来的DOM元素
- j查询未来元素选择器
- 未来元素不会与 on() 绑定
- j查询未来媒体元素的功能
- 如何创建一个可以处理未来元素的函数
- 在jQuery中隐藏一些未来的元素
- Javascript:替换 html 中的字符串,而不破坏未来事件处理程序的元素
- 如何将FUNCTION附加到未来元素
- CanJS未来元素事件绑定
- 我可以在文档上使用什么来不时应用函数,包括未来元素
- 当前和未来元素的事件侦听器Without jQuery
- Angular -附加指令到未来的元素
- 如何将此方法应用于所有未来的匹配元素
- 计算一个元素未来的高度
- 在电流&上运行匿名函数;未来的元素
- 对所有未来的元素应用CSS规则
- jquery 淡出在未来元素上
- jQuery .on('click')不能处理未来添加的元素