jQuery的hide()方法为什么不起作用

一世一生命 2017-02-16 03:59:54

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
color:red;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function f1(){
//var dText = document.getElementById("d1").innerHTML;
// document.getElementById("d1").innerHTML='我是被替换了的';
$('#d1').text("我是被替换的");
}
function f2(){
var d1 = document.getElementById("#d1");
d1.hide();

}
$(".btn1").click(function(){
$("#d1").hide();

});
</script>
</head>
<body>
<div id="d1" class="s1">我是一个div</div>
<input type="button" class="btn1" onclick="f2()" value="单击我"></input>
</body>
</html>

f2函数和jQuery代码都没用，是怎么回事呢？

...全文

2575 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

看着是个昵称 2017-02-16

打赏
举报

js放的位置不正确，把它放在</body>上面

webdesignerx 2017-02-16

打赏
举报


<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style type="text/css">
			div {
				color: red;
			}
		</style>
		<script type="text/javascript" src="http://ask.csdn.net/js/jquery-1.11.1.min.js"></script>
	</head>

	<body>
		<div id="d1" class="s1">我是一个div</div>
		<input type="button" id="btn1" value="单击我">
		<script type="text/javascript">
			$("#btn1").click(function() {
				$("#d1").hide();
			});
		</script>
	</body>

</html>

jac-song 2017-02-16

打赏
举报

1. 首先你的button按钮绑定的是f2方法，f2方法中是在以dom的方式操作元素，dom元素本身并没有hide方法。 2.f1方法根本没有调用，因此上也看不到效果

当作看不见 2017-02-16

打赏
举报

两个问题，第一个 function f2(){ var d1 = document.getElementById("#d1"); d1.hide(); } hide 是jquery对象才有的方法，dom对象是没有的 var d1 = document.getElementById("#d1"); $(d1).hide();//先把一个dom对象转换为一个jquery对象。第二个问题。把你的js代码放在html 的最下面，操作dom，必须先加载dom。或者把你的代码全部放在 $(document).ready(function(){ //这里 })