简单的JQuery问题

yujiayou 2010-10-29 10:02:16
我刚开始自学JQuery不只怎么调用
各位大虾帮帮忙 详细解说一下 下面的调用没效果
<html>
<head>
<script language="javascript" charset="GB2312">

$("#msg").click(function(){
alert("111111111111");
});
</script>
</head>
<body>
<div><input type="text" id="name" value="fasdfds"><input type="button" id="msg" value="点击"></div>
</body>
</html>
...全文
93 19 打赏 收藏 转发到动态 举报
写回复
用AI写文章
19 条回复
切换为时间正序
请发表友善的回复…
发表回复
yujiayou 2010-10-29
  • 打赏
  • 举报
回复
是我太笨了 居然忘了引用


马上结贴给分


谢谢各位了
种草德鲁伊 2010-10-29
  • 打赏
  • 举报
回复


<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.3.js"></script>

<script>
$(function(){
$("#msg").click(function(){ alert(123); });
});
</script>
</head>
<body>
<div><p>fd</p></div>

<input type="button" id="msg" value="fdsafds">
</body>
</html>



两个脚本标签要分开,睡觉。
yujiayou 2010-10-29
  • 打赏
  • 举报
回复
大哥我服了它了 还是不行 这是全部代码

<html>
<head>
<script src="jquery-1.4.3.js">

$(window).load(function() {
$("#msg").click(
function()
{
alert("aaaaaaaaaaaaaaa");
}
);
});

</script>
</head>
<body>
<div><p>fd</p></div>
<input type="button" id="msg" value="fdsafds">
</body>
</html>
xlwjnalk 2010-10-29
  • 打赏
  • 举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>checkbox</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#fuckyou").click(function(){
alert("oh no")
})
})
</script>

</head>
<body>
<a id="fuckyou">点我</a>
</body>
</html>

huangwenquan123 2010-10-29
  • 打赏
  • 举报
回复

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>checkbox</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#fuckyou").click(function(){
alert("oh no")
})
})
</script>

</head>
<body>
<a id="fuckyou">点我</a>
</body>
</html>

种草德鲁伊 2010-10-29
  • 打赏
  • 举报
回复
http://code.jquery.com/jquery-1.4.3.js


<script src="http://code.jquery.com/jquery-1.4.3.js"></script>
yujiayou 2010-10-29
  • 打赏
  • 举报
回复
大哥我看不懂 不知下哪个 还有怎么引用啊
claymore1114 2010-10-29
  • 打赏
  • 举报
回复
$(function(){

});
或者
$(window).load(function() {
});
种草德鲁伊 2010-10-29
  • 打赏
  • 举报
回复
http://jquery.com/

去下载一个。
yujiayou 2010-10-29
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 karascanvas 的回复:]
如果主题里面就是你的全部代码,那肯定是不行的,你没引用jquery的脚本文件啊
[/Quote]
怎么引用啊 能说详细一点嘛
yujiayou 2010-10-29
  • 打赏
  • 举报
回复
能写一个html页面给我运行嘛
种草德鲁伊 2010-10-29
  • 打赏
  • 举报
回复
如果主题里面就是你的全部代码,那肯定是不行的,你没引用jquery的脚本文件啊
yujiayou 2010-10-29
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 huangwenquan123 的回复:]
写在
$(document).ready(function(){

})里
[/Quote]

$(document).ready(function(){
$("#msg").click(
function()
{
alert("aaaaaaaaaaaaaaa");
}
);
})
是不这样 没效果啊
种草德鲁伊 2010-10-29
  • 打赏
  • 举报
回复
同上面几楼,html会按加载顺序执行,那段js运行的时候,input标签还没被解析出来。
kkbac 2010-10-29
  • 打赏
  • 举报
回复
同上 回复内容太短了!
begintransaction 2010-10-29
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 huangwenquan123 的回复:]
写在
$(document).ready(function(){

})里
[/Quote]
shaoliang520xi 2010-10-29
  • 打赏
  • 举报
回复
写在
$(function(){

});
里面
nitaiyoucala 2010-10-29
  • 打赏
  • 举报
回复
写在
$(function(){

});
里面
huangwenquan123 2010-10-29
  • 打赏
  • 举报
回复
写在
$(document).ready(function(){

})里
(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取最新的EasyUI资源 专题页地址如下http:http://download.csdn.net/album/detail/343 同时也希望转载的那些朋友能保留我资源的说明及出处地址 我花那么多精力制作出来的 你们鼠标点两下就给我转走了还不注明出处 实在是不厚道 本来就是本着分享精神的 为的就是聚集一点人气和提供一个优良的环境来一起学习进步的 请不要抹杀掉我的热情 谢谢 )   时隔4个月之久 EasyUI终于迎来大版本更新了 本次更新内容诸多 除了常规维护外 还新增了3个新组件 都很实用 详细的可以阅读更新说明 里面给了详细的解读 另外 从该版本开始我将会逐步的将EasyUI官方以及第三方较好的插件API整合到API文档当中 并且会对这些插件做一些简单的Demo实现 存放到配套提供的程序包demo文件夹下 以便大家学习和使用 本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了 这些扩展的demo在附带的程序包中已经提供 可以用于参考使用 jQuery EasyUI 1 4版本更新内容: Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement(改进) EasyUI的所有组件已经支持非固定 百分比大小的尺寸设置; menu:添加“showItem” “hideItem”和“resize”方法; menu:基于窗体大小自动调整高度; menu:添加“duration”属性 该属性允许用户自定义隐藏菜单动画的持续时间 以毫秒为单位; validatebox:添加“onBeforeValidate”和“onValidate”事件; combo:从该版本开始combo组件扩展自textbox组件(textbox是1 4中新增的组件); combo:添加“panelMinWidth” “panelMaxWidth” “panelMinHeight”和“panelMaxHeight”属性; searchbox:从该版本开始searchbox组件扩展自textbox组件(textbox是1 4中新增的组件); tree:添加“getRoot”方法 用于返回通过“nodeEl”参数指定的节点的顶部父节点元素 注意:官网的英文API中该函数的说明有误 其说明是none 无参数 实际这里是需要参数的 ; tree:添加“queryParams”属性; datetimebox:添加“spinnerWidth”属性; panel:添加“doLayout”方法 用于控制面板内组件的大小; panel:添加“clear”方法 用于清除面板内的内容; datagrid:允许用户设置百分比宽度的列(该功能真是千呼万唤始出来啊 ); form:添加“ajax” “novalidate”和“queryParams”属性; linkbutton:添加“resize”方法 New Plugin(新组件) textbox:该组件是一个增强的输入字段 它可以让用户非常简单的构建一个表单; datetimespinner:该组件是一个日期和时间的微调组件 它允许我们选择一个特定的日期或时间; filebox:filebox 该组件表单元素中用于上传文件的文件框工具组件 ">(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取

62,072

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧