jquery小问题

Question

$(document).ready(function(){
$("button").click(function(){
$(":selected").hide();
});
})
<select multiple="multiple">
<option>a</option>
<option selected="selected">b</option>
<option>c</option>
<option>d</option>
</select>
<button>click</button>$(document).ready(function(){
$(".a").click(function(){
$(":radio").hide();
});
})
<form action="">
a
<input type="radio" name="c" checked="checked" value="a"/><br />
b
<input type="radio" name="d" value="b"/><br />
<button class="a">click</button>
</form>
这两个例子效果出不来哪位给解释一下不胜感激

Answer 1

第一个，点击后查看实时html可以看出点击后的html变成  <option selected="selected" style="display: none; ">b</option>而选项b没有隐藏说明浏览器并没有给这样的html解释成隐藏效果。我的思路是用去除掉<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script>
<select multiple="multiple">
<option>a</option>
<option selected="selected">b</option>
<option>c</option>
<option>d</option>
</select>
<button>click</button><script type="text/javascript" >
$("button").click(function(){
$(":selected").remove();
});
</script>
第二个，点击按钮后表单提交了，所以页面刷新，重新生成HTML
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script>
<form action="">
a
<input type="radio" name="c" checked="checked" value="a"/><br />
b
<input type="radio" name="d" value="b"/><br />
<button class="a">click</button>
</form>
<script type="text/javascript" >
$(".a").click(function(){
$(":radio").hide();
return false;
});
</script>

Answer 2

用hide（）为什么不能用呢，但还是感谢楼上的高手帮助

Answer 3

jquery起作用了，但是给option加上隐藏属性是徒劳的