我的jquery怎么不好用，求解！！！

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
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>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
    /jquery/1.4.0/jquery.min.js"></script>
    <base href="<%=basePath%>">

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

  </head>

  <body>
    This is my JSP page. <br>

<s:form id="loginForm">
<s:textfield name="user" label="用户名"/>
<s:textfield name="pass" label="密码"/>
<tr><td colspan="2">
<input id="loginBn" type="button" value="提交"/>
</td></tr>
</s:form>
<div id="show" style="display:none;">
</div>

<script type="text/javascript">
$("#loginBn").onclick=function(){
var value=document.getElementById("loginBn").value
alert(value)
//alert($("#loginBn"))
}

</script>

  </body>
</html>
--------------------编程问答-------------------- var value=document.getElementById("loginBn").value;

alert(value)
alert($("#loginBn").val()) --------------------编程问答-------------------- 你应该这样写：

$(function(){
$("#loginBn").onclick(function(){
  var value=document.getElementById("loginBn").value
  alert(value)
  });
}) --------------------编程问答--------------------

引用 1 楼 cl61917380 的回复:

var value=document.getElementById("loginBn").value;

alert(value)
alert($("#loginBn").val())

不行，弹不出来，就算不写.val()应该也弹出来一个object啊，关键是现在啥都不弹，点击没反应 --------------------编程问答--------------------

引用 2 楼 javawebcza 的回复:

你应该这样写：

$(function(){
$("#loginBn").onclick(function(){
  var value=document.getElementById("loginBn").value
  alert(value)
  });
})

不行，弹不出来！ --------------------编程问答--------------------



$("#loginBn").click(function(){

var value=document.getElementById("loginBn").value

alert(value)

//alert($("#loginBn"))

});

--------------------编程问答-------------------- $("#loginBn").onclick=function(){...}
这一行代码有问题，$("#loginBn")获得的是jQuery的对象，而onclick调用的是dom对象的函数，解决的办法是调用jquery的函数：
$("#loginBn").click(function(){
var value=document.getElementById("loginBn").value
alert(value)
//alert($("#loginBn"))
})
但这样还不够，为了让这个函数被加载，需要用$(function(...))的形式把它包起来，所以完整的代码是
$(function(
    $("#loginBn").click(function(){
    var value=document.getElementById("loginBn").value
    alert(value)
    //alert($("#loginBn"))
});
)) --------------------编程问答--------------------

引用 6 楼 yanqun123 的回复:

$("#loginBn").onclick=function(){...}
这一行代码有问题，$("#loginBn")获得的是jQuery的对象，而onclick调用的是dom对象的函数，解决的办法是调用jquery的函数：
$("#loginBn").click(function(){
var value=document.getElementById("log……

正解，但是最好改进下



$(function(

    $("#loginBn").click(function(){

       var value=$(this).val();

       alert(value)

    });

));

--------------------编程问答--------------------

引用 6 楼 yanqun123 的回复:

$("#loginBn").onclick=function(){...}
这一行代码有问题，$("#loginBn")获得的是jQuery的对象，而onclick调用的是dom对象的函数，解决的办法是调用jquery的函数：
$("#loginBn").click(function(){
var value=document.getElementById("loginBn").value
……

楼上正解，该用click事件

补充：Java ,  Web 开发