今天要把代码转移,发现有个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" onclick="testJQuery()" >
</body>
</html>
简单用以上代码,Hello World来做测试JQery.js是否引入成功。
然后用几个小输出来说明今天遇到的小问题.
第一点:JQuery中的#是根据Id来寻找控件的。而非Name。(直到今天才发现这个问题)
第二点:用JQuery时,不id中不能有点,这点在与Struts使用时一定要小心。
分享到:
相关推荐
JQuery的HelloWorld1
基于Spring MVC 2.5 和JQuery 实现的Ajax的一个HelloWorld例子,可以参照这个例子在其他Spring MVC工程加入ajax功能
jquery语法总结和注意事项
NULL 博文链接:https://hqmwj.iteye.com/blog/1072585
jquery日历时间表添加行程安排事件用于提醒注意事项 jquery日历时间表添加行程安排事件用于提醒注意事项
jQuery我的日程安排事项代码是一款简洁实用的设置我的每日安排事项代码。
本篇文章主要是对jquery遍历checkbox的注意事项进行了说明介绍,需要的朋友可以过来参考下,希望对大家有所帮助
欢迎大家前来下载,一起学习,一起进步。 1、关于页面元素的引用 2、jQuery对象与dom对象的转换 3、如何获取jQuery集合的某一项 4、同一函数实现set和get ... ...
尚硅谷_佟刚_jQuery_HelloWorld【】10.尚硅谷_佟刚_jQuery_表单元素过滤选择器【】11.尚硅谷_佟刚_jQuery_第一天小结【】12.尚硅谷_佟刚_jQuery_选择器的练习【】13.尚硅谷_佟刚_jQuery_创建节点及插入节点【】14....
NULL 博文链接:https://jellen129.iteye.com/blog/1714107
jQuery网页内容导出到world,详细代码,前端界面,文字图片格式不变导出到world文档。
jquery日历表格行程安排事项_按钮控制日历表格每月行程安 jquery日历表格行程安排事项_按钮控制日历表格每月行程安
本文主要介绍jQuery中on方法使用注意事项。具有很好的参考价值,下面跟着小编一起来看下吧
jQuery下把页面中的部分数据转换成world导出,附件提供两种方法,根据自己需要自己配置
主要介绍了jquery的live使用注意事项,需要的朋友可以参考下
四.Hello World jQuery 4 五.启用Visual Studio 对jQuery的智能感知 6 六.在独立的.JS文件中启用脚本智能感知 8 七.总结 9 从零开始学习jQuery (二) 万能的选择器 9 一.摘要 9 二.前言 9 三.Dom对象和jQuery包装集 9...
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
主要介绍了jQueryMobile之Helloworld与页面切换的方法,实例分析了jQueryMobile的基础用法,具有一定参考借鉴价值,需要的朋友可以参考下
jquery日历待办事项
jQuery我的日历日程安排事项代码