jquery如何隐藏整个table

[2021死磕源码]

table无法隐藏，为么？是因为不可以隐藏整个table吗？
jsp如下：
<select onClick="changeEdit();">.....</select>
<table class="k-widget k-editor k-header" cellspacing="4" cellpadding="0" role="presentation" style="width: 740px; height: 440px;">.......</table>

js如下：
function changeEdtid() {
if($("#type").val()=="MESSAGE") {
alert($(" .k-widget k-editor k-header"));
$(".k-widget k-editor k-header").hide();
$("#megContent").show();
} else {
$(".k-widget k-editor k-header").show();
$("#megContent").hide();
}
}

[恶心鬼]

貌似你还没搞懂jquery选择器啊

$(".k-widget k-editor k-header")

这个是不对的 应该是

 $(".k-widget.k-editor.k-header")

[咋不显示]

整的这么纠结，为Table加一个ID，然后$("#ID").hide()就可以了。

[zhishiheng]

引用 10 楼 u014223536 的回复:

[quote=引用 9 楼 hny282528306 的回复:]

<script type="text/javascript" src="jquery.js"></script>
<select id="type">
	<option value="a" selected>a</option>
	<option value="MESSAGE">MESSAGE</option>
</select>
<table class="k-widget k-editor k-header" cellspacing="4" cellpadding="0" role="presentation" style="width: 740px; height: 440px;" border=1><tr><td>I am Table,If you chacked "MESSAGE" , I will hide!!</td></tr></table>
<script type="text/javascript">
$('#type').change(function(){
	if($(this).val()=="MESSAGE") {
		console.log($("table.k-widget"));
		//alert($(" .k-widget k-editor k-header"));
		$("table.k-widget").hide();
		$("#megContent").show();
	} else {
		$("table.k-widget").show();
		$("#megContent").hide();
	}
});
</script>

谢谢回复，我已用其他方法解决了，但是还是想请教下，为何这样写不就可以console.log($("table-widget k-editor k-header"));table的class不是k-widget k-editor k-header吗[/quote] 这明明就是三个class

[去圣西罗-为尤文喝彩]

if($("#type").val()==="MESSAGE") {

[天际的海浪]

引用 10 楼 u014223536 的回复:

[quote=引用 9 楼 hny282528306 的回复:]

<script type="text/javascript" src="jquery.js"></script>
<select id="type">
	<option value="a" selected>a</option>
	<option value="MESSAGE">MESSAGE</option>
</select>
<table class="k-widget k-editor k-header" cellspacing="4" cellpadding="0" role="presentation" style="width: 740px; height: 440px;" border=1><tr><td>I am Table,If you chacked "MESSAGE" , I will hide!!</td></tr></table>
<script type="text/javascript">
$('#type').change(function(){
	if($(this).val()=="MESSAGE") {
		console.log($("table.k-widget"));
		//alert($(" .k-widget k-editor k-header"));
		$("table.k-widget").hide();
		$("#megContent").show();
	} else {
		$("table.k-widget").show();
		$("#megContent").hide();
	}
});
</script>

谢谢回复，我已用其他方法解决了，但是还是想请教下，为何这样写不就可以console.log($("table-widget k-editor k-header"));table的class不是k-widget k-editor k-header吗[/quote] 你css中的class是怎么定义的？ 单一class名中是不能有空格和 <table class="k-widget k-editor k-header"> 这样写是指table元素同时应用k-widget， k-editor和 k-header这三个class 要找同时应用k-widget， k-editor和 k-header这三个class的元素 当然是$(".k-widget.k-editor.k-header") 你这样 $(".k-widget k-editor k-header"); 等于要找 <div class="k-widget"> <k-editor> <k-header>你要找我吗？</k-header> </k-editor> </div>

[「已注销」]

引用 10 楼 u014223536 的回复:

[quote=引用 9 楼 hny282528306 的回复:]

<script type="text/javascript" src="jquery.js"></script>
<select id="type">
	<option value="a" selected>a</option>
	<option value="MESSAGE">MESSAGE</option>
</select>
<table class="k-widget k-editor k-header" cellspacing="4" cellpadding="0" role="presentation" style="width: 740px; height: 440px;" border=1><tr><td>I am Table,If you chacked "MESSAGE" , I will hide!!</td></tr></table>
<script type="text/javascript">
$('#type').change(function(){
	if($(this).val()=="MESSAGE") {
		console.log($("table.k-widget"));
		//alert($(" .k-widget k-editor k-header"));
		$("table.k-widget").hide();
		$("#megContent").show();
	} else {
		$("table.k-widget").show();
		$("#megContent").hide();
	}
});
</script>

谢谢回复，我已用其他方法解决了，但是还是想请教下，为何这样写不就可以console.log($("table-widget k-editor k-header"));table的class不是k-widget k-editor k-header吗[/quote] 你可以查阅jquery文档中的selector，这些问题就很轻松的解决了，保证以后不会再有疑惑. 当然你也可以使用console.log($("table.k-widget.k-editor.k-header")); 看你需求，如果你还有第二个表格，且也拥有k-widget这一个className，那么console.log($("table.k-widget"));就会选中两个表格了。 标签<table class="k-widget k-editor k-header" >3个className之间加了空格，说明是3个class。

[KK3K2005]

引用 5 楼 u014223536 的回复:

[quote=引用 1 楼 dcy190203 的回复:] 貌似你还没搞懂jquery选择器啊

$(".k-widget k-editor k-header")

这个是不对的 应该是

 $(".k-widget.k-editor.k-header")

你可能看错哦，不可以这样写，因为我的table的class就等于.k-widget k-editor k-header[/quote] 你先把class 重新命名吧 不要 空格 任何时候 名字里面都不要有 空格 和 特殊字符

[2021死磕源码]

引用 14 楼 KK3K2005 的回复:

[quote=引用 5 楼 u014223536 的回复:] [quote=引用 1 楼 dcy190203 的回复:] 貌似你还没搞懂jquery选择器啊

$(".k-widget k-editor k-header")

这个是不对的 应该是

 $(".k-widget.k-editor.k-header")

你可能看错哦，不可以这样写，因为我的table的class就等于.k-widget k-editor k-header[/quote] 你先把class 重新命名吧 不要 空格 任何时候 名字里面都不要有 空格 和 特殊字符[/quote]谢谢回复，明白了

[清晨v]

加个id不就得了！

[2021死磕源码]

引用 1 楼 dcy190203 的回复:

貌似你还没搞懂jquery选择器啊

$(".k-widget k-editor k-header")

这个是不对的 应该是

 $(".k-widget.k-editor.k-header")

你可能看错哦，不可以这样写，因为我的table的class就等于.k-widget k-editor k-header

[2021死磕源码]

引用 2 楼 fa19890201 的回复:

整的这么纠结，为Table加一个ID，然后$("#ID").hide()就可以了。

这个没有办法加，这部分代码是框架生成的！！

[2021死磕源码]

引用 3 楼 changjay 的回复:

if($("#type").val()==="MESSAGE") {

问题不在这，我的判断能执行，但table无法隐藏

[咋不显示]

$("table[class='^k-widget']").hide();

[「已注销」]

<script type="text/javascript" src="jquery.js"></script>
<select id="type">
	<option value="a" selected>a</option>
	<option value="MESSAGE">MESSAGE</option>
</select>
<table class="k-widget k-editor k-header" cellspacing="4" cellpadding="0" role="presentation" style="width: 740px; height: 440px;" border=1><tr><td>I am Table,If you chacked "MESSAGE" , I will hide!!</td></tr></table>
<script type="text/javascript">
$('#type').change(function(){
	if($(this).val()=="MESSAGE") {
		console.log($("table.k-widget"));
		//alert($(" .k-widget k-editor k-header"));
		$("table.k-widget").hide();
		$("#megContent").show();
	} else {
		$("table.k-widget").show();
		$("#megContent").hide();
	}
});
</script>