小弟初学jquery,谁能写一个比较完整的,代码,要求简单的就像呼吸一样。谢谢 页面上一个按钮,用 jquery方法,响就眯击事件,如点一下报个MSG出来。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 //都是获取这个对象点击事件jQuery('.h3').click(function(){//class alert('h3');});jQuery('#h1').click(function(){//id alert('h1');});jQuery('input[name='h2']').click(function(){//input标签 alert('h2');});<input id='h1' name='h2' class='h3' type='button' value='button'/> <script type="text/javascript"> $(document).ready(function() { $("#a1").click(function() { alert("你点击了a1"); }); }); </script> <a id="a1">链接a1</a> <script src="http://code.jquery.com/jquery-latest.js"></script> <script>window.onload = (function(){ $("button").click(function () { alert(1); });});</script><button>msg</button> 搜索 jQuery api 中文上面每个方法都有明确简单的例子 安装一开始,我们需要一个jQuery的库,最新的下载可以到这里找到。这个指南提供一个基本包含实例的包供下载.Hello jQuery在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了:$(document).ready(function() { // do stuff when DOM is ready});放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert.$(document).ready(function() { $("a").click(function() { alert("Hello world!"); });});这样在你点击页面的一个链接时都会触发这个"Hello world"的提示。(译者Keel注:请照此代码修改custom.js并保存,然后用浏览器打开starterkit.html观察效果。)让我们看一下这些修改是什么含义。$("a") 是一个jQuery选择器(selector),在这里,它选择所有的a标签(译者Keel注:即<a></a>),$号是 jQuery “类”(jQuery "class")的一个别称,因此$()构造了一个新的jQuery 对象(jQuery object)。函数 click() 是这个jQuery对象的一个方法,它绑定了一个单击事件到所有选中的标签(这里是所有的a标签),并在事件触发时执行了它所提供的alert方法.这里有一个拟行相似功能的代码:<a href="#" onclick="alert('Hello world')">Link</a>不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档 (JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样. Jquery的确简化了许多工作量,LZ把JS学好就行了, <html><body><script src="http://code.jquery.com/jquery-latest.js"></script><input type='button' id='btn' value='click me' /><script> $("#btn").click(function () { alert('HELLO WORLD'); });</script></body> <html> js中可以改变一个已定义好的样式嘛 为什么offsetTop或offsetLeft在谷歌浏览器中总是为0呢? 网页上画线 javascipt 返回代码问题 为什么用e.clientX 在firefox下得不到鼠标的X轴的值,在IE下可以,我引用了event事件啊 (在线等待)求助:JavaScript绘图 做多可以绘制多少个像素 请朋友帮帮忙 click事件,点击窗口自动返回顶部 传送值的问题 怎么关闭window.showdialog弹出的窗口 一个非常急的问题请大家帮忙!关于计数器的问题 求一个正则表达式 ASp.net中javascript的问题
//都是获取这个对象点击事件
jQuery('.h3').click(function(){//class
alert('h3');
});jQuery('#h1').click(function(){//id
alert('h1');
});jQuery('input[name='h2']').click(function(){//input标签
alert('h2');
});
<input id='h1' name='h2' class='h3' type='button' value='button'/>
$(document).ready(function() {
$("#a1").click(function() {
alert("你点击了a1");
});
});
</script> <a id="a1">链接a1</a>
<script>
window.onload = (function(){
$("button").click(function () {
alert(1);
});
});</script>
<button>msg</button>
上面每个方法都有明确简单的例子
// do stuff when DOM is ready
});放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert.$(document).ready(function() {
$("a").click(function() {
alert("Hello world!");
});
});这样在你点击页面的一个链接时都会触发这个"Hello world"的提示。(译者Keel注:请照此代码修改custom.js并保存,然后用浏览器打开starterkit.html观察效果。)让我们看一下这些修改是什么含义。$("a") 是一个jQuery选择器(selector),在这里,它选择所有的a标签(译者Keel注:即<a></a>),$号是 jQuery “类”(jQuery "class")的一个别称,因此$()构造了一个新的jQuery 对象(jQuery object)。函数 click() 是这个jQuery对象的一个方法,它绑定了一个单击事件到所有选中的标签(这里是所有的a标签),并在事件触发时执行了它所提供的alert方法.这里有一个拟行相似功能的代码:<a href="#" onclick="alert('Hello world')">Link</a>不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档 (JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样.
<html>
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<input type='button' id='btn' value='click me' />
<script> $("#btn").click(function () {
alert('HELLO WORLD');
});
</script>
</body> <html>