当前位置: 首页 > news >正文

JQuery Hello World及注意事项

今天要把代码转移,发现有个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使用时一定要小心。



转载于:https://www.cnblogs.com/java0721/archive/2012/04/28/2602721.html

相关文章:

  • MySQL 高可用:mysql+mycat实现数据库分片(分库分表)
  • 用FlashFXP上传文件到SSH服务器,附FlashFXP显示中文乱码的解决方法
  • Ansible-playbook 之 loops 循环一
  • 按大小拆分超大文件的方法(本文测试了一个62G的文件)
  • Ansible源码解析Inventory动态inventory脚本解析script.py
  • 《Java 学习笔记》 第九章阅读体验
  • pyCharm远程连接服务器
  • android应用程序跳转到系统的各个设置页面
  • Jboss问题总结 - 1
  • [转]三维成像原理
  • hdu 1671(字典树)
  • ![CDATA[ ]] 是什么东东
  • 什么是web接口
  • ubuntu下usb转串口设置
  • Python+Nginx实现邮件POP、IMAP、SMTP代理配置介绍
  • 【跃迁之路】【477天】刻意练习系列236(2018.05.28)
  • 10个确保微服务与容器安全的最佳实践
  • Angular 响应式表单之下拉框
  • Computed property XXX was assigned to but it has no setter
  • Git的一些常用操作
  • Git同步原始仓库到Fork仓库中
  • Hibernate最全面试题
  • Java程序员幽默爆笑锦集
  • MYSQL如何对数据进行自动化升级--以如果某数据表存在并且某字段不存在时则执行更新操作为例...
  • OSS Web直传 (文件图片)
  • Phpstorm怎样批量删除空行?
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • SpiderData 2019年2月23日 DApp数据排行榜
  • Vue ES6 Jade Scss Webpack Gulp
  • XForms - 更强大的Form
  • -- 查询加强-- 使用如何where子句进行筛选,% _ like的使用
  • 从零开始学习部署
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 坑!为什么View.startAnimation不起作用?
  • 前言-如何学习区块链
  • 设计模式 开闭原则
  • 我的zsh配置, 2019最新方案
  • 在Unity中实现一个简单的消息管理器
  • 怎样选择前端框架
  • ​软考-高级-系统架构设计师教程(清华第2版)【第12章 信息系统架构设计理论与实践(P420~465)-思维导图】​
  • #pragma pack(1)
  • #Z2294. 打印树的直径
  • #每日一题合集#牛客JZ23-JZ33
  • #图像处理
  • %3cli%3e连接html页面,html+canvas实现屏幕截取
  • (1)(1.13) SiK无线电高级配置(六)
  • (C#)Windows Shell 外壳编程系列4 - 上下文菜单(iContextMenu)(二)嵌入菜单和执行命令...
  • (pojstep1.1.1)poj 1298(直叙式模拟)
  • (第9篇)大数据的的超级应用——数据挖掘-推荐系统
  • (二) Windows 下 Sublime Text 3 安装离线插件 Anaconda
  • (附源码)springboot 校园学生兼职系统 毕业设计 742122
  • (附源码)流浪动物保护平台的设计与实现 毕业设计 161154
  • (十)c52学习之旅-定时器实验
  • (一)Mocha源码阅读: 项目结构及命令行启动
  • ***php进行支付宝开发中return_url和notify_url的区别分析