JSP与jQuery示例-优快云博客

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'three.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

  <script type="text/javascript" src="js/jquery-1.8.2.js"></script></head>
  <script>
    //标签选择器
    $(function (){
        console.log($("input"));
    });
    //id选择器
    $(function (){
        console.log($("#name"));
    });
    //类选择器
    $(function (){
        console.log($(".name"));
    });
    //通用选择器
    $(function (){
        console.log($("*"));
    });
    //群组选择器
    $(function (){
        console.log($("input,.name"));
    });
  </script>
  <body>
    <input type="text" id="name">
    <input type="text" class="name">
    <input type="button" id="name">
    <input type="text" class="name">
  </body>
</html>