`
1028826685
  • 浏览: 925236 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类

jquery简单使用片段

    博客分类:
  • ajax
 
阅读更多
//定义用户名校验的方法
function verify(){
    //首先测试一下页面的按钮按下,可以调用这个方法
    //使用javascript的alert方法,显示一个探出提示框
    //alert("按钮被点击了!!!");

    //1.获取文本框中的内容
    //document.getElementById("userName");  dom的方式
    //Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点。
    //jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
    var jqueryObj = $("#userName");
    //获取节点的值
    var userName = jqueryObj.val();
    //alert(userName);

    //2.将文本框中的数据发送给服务器段的servelt
    //使用jquery的XMLHTTPrequest对象get请求的封装
    $.get("AJAXServer?name=" + userName,null,callback);


}

//回调函数
function callback(data) {
//    alert("服务器段的数据回来了!!");
    //3.接收服务器端返回的数据
//    alert(data);
    //4.将服务器段返回的数据动态的显示在页面上
    //找到保存结果信息的节点
    var resultObj = $("#result");
    //动态的改变页面中div节点中的内容
    resultObj.html(data);
    alert("");
}
分享到:
评论

相关推荐

    Jquery学习手册

    一般来说,HTML页面写得越规范,使用jQuery就越简单 还有一种情况,在得到了jQuery()对象之后,想要判断其是否满足条件,那么可以调用is()、hasClass()等方法,返回一个boolean值,进行后续的判断。这类方法也可以...

    jQuery详细教程

    jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用...

    超实用的JQUERY代码

    10个超实用的jQuery代码片段 jQuery以其强大的功能和简单的使用成为了前端开发者最喜欢的JS类库,在这里我们分享一组实用的jQuery代码片段,希望大家喜欢!

    15个常用的jquery代码片段

    通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: // Back to top $('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop:...

    jQuery-简易单面板日历选择插件.zip

    代码片段: 日</li><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li>六 <ul class="day-tabel"></ul> </div>

    前端项目-jquery.ba-bbq.zip

    前端项目-jquery.ba-bbq,jquery bbq利用html5 hashchange事件允许简单而强大的书签哈希历史。此外,jquery bbq还提供了完整的.deparam()方法,以及哈希状态管理和片段/查询字符串分析和合并实用程序方法。

    query mobile 代码助手

    等等,通过简单设置组件的属性自动生成代码片段,默认使用的是最新版的jquery mobile 1.4.3版本。 jquery mobile代码助手包含了对JQuery Mobile中的所有组件属性的详细介绍。对于JQuery Mobile的初学者,可以通过...

    使老虎机效果不使用jquery(名称仅是旧版O_O)-JavaScript开发

    jQuery-SlotMachine:megaphone:现在不需要jQuery! 它的名字只是遗产。...安装使用npm安装组件:npm install jquery-slotmachine --save使用Bower安装组件:bower install jquery-slotmachine --save示例

    简单实用扁平风格的jQuery c3柱形图表插件.zip

    简单实用扁平风格的jQuery css3柱形图表插件</title>  <link rel="stylesheet" href="css/style.css?3.1.64"> </head> <body>      <li><span>100%</span></li>  <li><span>90...

    Style Switcher 使用jQuery 切换网页风格

    内容索引:脚本资源,jQuery,样式切换,风格选择 Style Switcher 是一款使用jQuery 进行网页风格切换的例子,可能看上去不太直观,实例仅给出了使得jQuery控制不同的CSS片段,最后控制网页中某段文字的显示方式,以及...

    Jquery AutoComplete自动完成 的使用方法实例

    jquery-autocomplete配置: [removed][removed] [removed][removed] <link rel=”Stylesheet” href=”/js/... 首先是一个最简单的Autocomplete(自动完成)代码片段: 代码如下: <html xmlns=”http://www.w3.

    animatescroll.js:用于滚动动画的简单jQuery插件

    一个用于滚动动画的简单jQuery插件 演示可以在上看到 究竟是什么? AnimateScroll是一个jQuery插件,它使您可以通过仅使用要滚动到的元素的id或classname调用animatescroll()函数来滚动到样式的页面任何部分。 它...

    jquery-bbq-rails

    jquery_bbq_rails jquery_bbq_rails将Ben Almanin的jQuery BBQ库包装在rails引擎中,以便与Rails 3.1及更高版本提供的资产管道一起简单使用。 该宝石包括开发资源(非矿化资源),以方便勘探。 资产管道将在生产中...

    jquery-waveform-visualizer:在Waves.js之上构建一个简单的插件来显示波形

    jQuery波形可视化器一个围绕简单jQuery插件,用于可视化波形和片段以及HTML5音频播放器。 警告:此插件依赖于webAudioAPI (不支持IE)安装在关闭body标签之前,先在页面中加载jquery , waves.js和插件文件是一个好...

    jquery 简单应用示例总结

    jquery 想必大家早已如雷贯耳,本文整理了一些在实际应用中比较常见的功能片段,感兴趣的朋友可以学习下哦,需要改进的地方希望大家不惜指教

    php-htmldiff:一个用于比较两个HTML文件片段并使用简单HTML突出显示差异的库。 包括对复杂列表和表格进行比较的支持

    php-htmldiff是一个用于比较两个HTML文件/片段并使用简单HTML突出显示差异的库。 此HTML Diff实现是从,并已通过新功能,错误修复和对原始代码的增强进行了修改。 有关这些修改的更多信息,请阅读或查看 。 安装 ...

    jQuery+ajax实现动态执行脚本的方法

    向页面中注人脚本与加载HTML片段一样简单。但在这种情况下,需要使用全局函数 $.getScript(),这个全局函数与它的同辈函数类似,接受一个URL参数以查找脚本文件,参见如下代码: 代码如下:$(document).ready...

    jQuery Trim去除字符串首尾空字符的实现方法说明

    如果没有用到jQuery如何简单的实现呢。之前本人曾发过一个代码小片段:Javascript去除字符串左右的空格-trim(),这个写的比较粗糙并要用到递规操作。所以很多人很不满意代码的质量,包括我在内。偶尔看了下jQuery的...

    jquery.textmistake:jQuery 插件“jquery.textmistake”

    jquery.text 错误 它是什么? 如果你有一个问题“如何让网站上的编辑器报告错别字或错误”,或者经常遇到他们并认为“我需要把它写在某个地方以免忘记更正它”——也许这个插件会是你感兴趣。 大致思路是这样的:...

    简单实现的JQuery文本框水印插件

    代码片段,定义要应用水印效果的文本框的样式: .watermark { color: #cccccc; } 将JavaScript代码封装成JQuery的插件:  (function ($) { $.fn.watermark = function (options) { var settings = $.extend({ ...

Global site tag (gtag.js) - Google Analytics