Php Jquery隐藏不起作用
我正在使用下面的代码 HTML代码Php Jquery隐藏不起作用,php,jquery,html,Php,Jquery,Html,我正在使用下面的代码 HTML代码 <p>This is a paragraph.</p> <p>This is another paragraph.</p> <div id="one" class="two">HI WELCOME TO RESOURCESUITES.COM</div> <button>Click me</button> 上述代码无效。div未隐藏 通过用空格分隔#one和.tw
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<div id="one" class="two">HI WELCOME TO RESOURCESUITES.COM</div>
<button>Click me</button>
- 上述代码无效。div未隐藏
#one
和.two
,您正在用类“two”对div进行寻址,该类是#one
的子类
删除空间:
$("div#one.two").hide();
但是,
$("#one").hide();
已经可以了:ID必须是唯一的。无需将.two
添加到选择器中。通过将#one
和.two
分隔一个空格,您正在使用类“two”对div进行寻址,该类是#one
的子类
删除空间:
$("div#one.two").hide();
但是,
$("#one").hide();
已经可以了:ID必须是唯一的。无需向选择器添加.two
。它应该是
$("div#one.two").hide()
“div#one.two”是指class=“two”的元素,它们是id=“one”的div的后代
$("div#one.two").hide()
“div#one.two”表示class=“two”的元素,它们是id=“one”的div的后代
你不需要类名div#one
足以识别元素。如果要保留类名,只需删除空格,使选择器为div#one.two
你不需要类名
div#one
足以识别元素。如果要保留类名,只需删除空格,使选择器为div#one.two
选择器错误。使用
$(document).ready(function(){
$("button").click(function(){
$("div#one").hide();
});
});
你的选择器错了。使用
$(document).ready(function(){
$("button").click(function(){
$("div#one").hide();
});
});
$(“1.2区”).hide();在两个更好的选择之间不需要任何空间
$("div.two").hide();
或
$(“1.2区”).hide();在两个更好的选择之间不需要任何空间
$("div.two").hide();
或
当您知道对象的id时,就不需要类或类型
$(document).ready(function(){
$("button").click(function(){
$("#one").hide();
});
});
当您知道对象的id时,就不需要类或类型
$(document).ready(function(){
$("button").click(function(){
$("#one").hide();
});
});
你能用div标签和button标签写代码吗?你能用div标签和button标签写代码吗。。。