今天要把代码转移,发现有个js的功能总出问题,怀疑自己是在用Jquery时有文件未引入,遂做了实验,也发现了一个用JQuery应该注意的地方。
<script type="text/javascript" src="js/jquery132min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//指的是html元素
$("a").click(function() {
alert("Hello world!");
});
});
</script>
<script type="text/javascript">
function testJQuery(){
var s = $("#testId").val();
alert(s);
s = $("#btnId").val();
alert(s);
s = $("#btnName").val();
alert(s);
}
</script>
</head>
<body>
<a href="">Click me to test Jquery</a>
<br/>
<input type="text" id="testId" name="testName" value="bbbbb" >
<input type="button" id="btnId" name="btnName" value="Click" οnclick="testJQuery()" >
</body>
</html>
简单用以上代码,Hello World来做测试JQery.js是否引入成功。
然后用几个小输出来说明今天遇到的小问题.
第一点:JQuery中的#是根据Id来寻找控件的。而非Name。(直到今天才发现这个问题)
第二点:用JQuery时,不id中不能有点,这点在与Struts使用时一定要小心。
<script type="text/javascript" src="js/jquery132min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//指的是html元素
$("a").click(function() {
alert("Hello world!");
});
});
</script>
<script type="text/javascript">
function testJQuery(){
var s = $("#testId").val();
alert(s);
s = $("#btnId").val();
alert(s);
s = $("#btnName").val();
alert(s);
}
</script>
</head>
<body>
<a href="">Click me to test Jquery</a>
<br/>
<input type="text" id="testId" name="testName" value="bbbbb" >
<input type="button" id="btnId" name="btnName" value="Click" οnclick="testJQuery()" >
</body>
</html>
简单用以上代码,Hello World来做测试JQery.js是否引入成功。
然后用几个小输出来说明今天遇到的小问题.
第一点:JQuery中的#是根据Id来寻找控件的。而非Name。(直到今天才发现这个问题)
第二点:用JQuery时,不id中不能有点,这点在与Struts使用时一定要小心。