函数隐藏在javascript中

function hide in javascript

本文关键字：javascript 隐藏 函数      更新时间：2023-09-26

首先，对不起我的英语，我是一个巴西男孩，刚开始使用javascript，我试图让id=terms隐藏在网站中。我只是不知道该怎么办了。

任何帮助都将是有用的

代码是这个

<div id="term">
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
	</p>
	<button id="accept" type="submit" name="accept">Accept the terms of this site</button>
	
</div>
<script>
	$("#accept").click(function(){
	    $("#term").hide("fast");
	});
</script>

您必须向jQuery.js文件添加一个链接

<div id="term">
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
	</p>
	<button id="accept" type="submit" name="accept">Accept the terms of this site</button>
	
</div>
<script src="http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
	$("#accept").click(function(){
	    $("#term").hide("fast");
	});
});
</script>

是否包含jquery？在DOM Ready $(function(){.. }); 中封装您的函数

$(function() {
  $("#accept").click(function() {
    $("#term").hide("fast");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="term">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  </p>
  <button id="accept" name="accept">Accept the terms of this site</button>
</div>

在javascript中，您需要执行以下操作：

  <script>
    var v_accept = document.querySelector("#accept");
    v_accept.addEventListener('click',function(){
       var v_term = document.querySelector("#term");
       v_term.style.display = 'none';
     });
   </script>

尝试加载文档。就绪：

$document.ready(function(){ 
  $("#accept").click(function(){
    $("#term").hide("fast");
  });
});
相关文章：