JQuery初始

来源：互联网发布：儿童节礼物知乎编辑：程序博客网时间：2024/06/10 00:54

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
   /*function getContent() {
       var content=$("#content").val();
       alert(content);
   }*/
   $(document).ready(function(){
      $("#actionButton").click(function(){
          alert($("#content").val());
      });
   });

</script>
</head>
<body>
   <input type="text" id="content" />  <input type="button" id="actionButton" value="获取内容" "/>
</body>

</html>

解释一下方便了解：

1.<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>引入jquery的文件，可去官网下载

2.var content=$("#content").val();得到id为content的标签，.val()可得到该节点的值；

3.   $("#actionButton").click(function(){
          alert($("#content").val());
      });

单击事件，点击按钮时发生

0 0