demo-1
======页面加载完成后。执行alert('');========
- $(document).ready(function() {
-
-
alert(' ');
- });
$(document).ready(function() {
// do stuff when DOM is ready
alert(' ');
});
上述方法可以简写为;
- $(function() {
-
-
alert("");
- });
$(function() {
// code to execute when the DOM is ready
alert("");
});
demo2
======页面加载完成后。点击id为asd的元素时,执行alert('');========
- $(document).ready(function() {
-
$("#asd").click(function() {
-
alert("Hello world!");
- });
- });
$(document).ready(function() {
$("#asd").click(function() {
alert("Hello world!");
});
});
demo3
页面加载完成后。点击所有a元素(超链接)时,执行alert('');========
- $(document).ready(function() {
-
$("a").click(function() {
-
alert("Hello world!");
- });
- });
$(document).ready(function() {
$("a").click(function() {
alert("Hello world!");
});
});
demo4 : ajax
- $.ajax(
- {
-
-
type:"POST",
-
url:"showIter.do?method=successIter",
-
data:"",
-
dataType:"text/html",
-
async:false,
-
success: function (msg) {
-
- });
$.ajax(
{
type:"POST",
url:"showIter.do?method=successIter",
data:"",//$("#formId").serialize()接受form中的所有数据
dataType:"text/html",
async:false,
success: function (msg) {
//msg = eval('(' + msg + ')');//解析后台的json数据 }
});
demo5:ajax提交表单(同步提交)
这里在引用jquery-core以后,还要引用jquery-form插件
- $(document).ready(function() {
-
$("#button_1").click(function() {
-
$("#myFormId").submit();
- });
- });
$(document).ready(function() {
$("#button_1").click(function() {
$("#myFormId").submit();
});
});
- <form id="myFormId">
-
<input type="button" value="submit" id="button_1" />
-
</form>
<form id="myFormId">
<input type="button" value="submit" id="button_1" />
</form>
demo6:ajax异步提交表单
这里在引用jquery-core以后,还要引用jquery-form插件
- $(document).ready(function() {
-
$("#button_1").click(function() {
-
$("#myFormId").ajaxSubmit();
- });
- });
$(document).ready(function() {
$("#button_1").click(function() {
$("#myFormId").ajaxSubmit();
});
});
- <form id="myFormId">
-
<input type="button" value="submit" id="button_1" />
-
</form>
分享到:
相关推荐
Jquery学习笔记 Jquery学习笔记 Jquery学习笔记
jquery学习资料--jquery代码和学习教程
jquery学习资料+教程 包括五个文档:jQuery的起点教程,jQuery经典入门教程,jquery的基本用法.pdf,2010最新jQuery学习资料.pdf,精通JavaScript+jQuery.pdf
该 JQuery学习手册.rar 里面包含了JQuery学习的详细信息!非常棒的学习资料!
精选 jquery 学习资料,这里面的notes.txt 是对文件夹里面文件的的介绍
jQuery学习示例 大全 最新
JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习
learn.jquery.com, jQuery学习中心网站内容 jQuery学习站点这里站点的目标是双重的:如何使用jQuery和JavaScript信息的中心。可以信。详细的详细信息。为了保持及时。活动和社区驱动的参考,具有相对较低的贡献。...
jquery学习笔记,很全面的介绍jquery的用法。 存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+...
资源名称:Jquery学习文档 中文WORD版内容简介:本文档主要讲述的是Jquery学习文档;jQuery是继Prototype之后有一个优秀的Javascript库,是一个由John Resig创建于2006年1月的开源项目。现在的jQuery团队主要...
jquery 教程 jQuery学习资料 jQuery学习
jQuery学习指南 和手册一起用,多看看没坏处
Jquery学习 Jquery源代码 Jquery数据库操作 Jquery学习 Jquery源代码 Jquery数据库操作 绝对有用,技术含量
Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与...
资源名称:JQuery 学习总结及实例 中文WORD版内容简介:普通Javascript的缺点:每种控件的操作方式不统一,不同浏览器下有区别,要编写跨浏览器的程序非常麻烦。因此出现了很多对Javascript 的封装库,...
jQuery学习文档,跟快的适应开发的的不发
jQuery学习名额大转盘抽奖代码是一款抽奖完成会弹出奖品表单信息代码。
jquery学习资料ppt和demo阿发沙发士大夫十分公司打工风格士大夫
jQuery学习资料,包含多个jquery的学习资料,适合初中级学习文档
压缩文件中,包含jquery使用的js脚本文件,jquery介绍文档(包括pdf和教程),对应出学者是一个很好的学习资料