`
zxr85
  • 浏览: 23248 次
  • 性别: Icon_minigender_1
  • 来自: 陕西
社区版块
存档分类
最新评论

Jquery 简单用法

阅读更多
Jquery 中几个简单的方法:
1、取得html中某个属性的值:
<input type="text" id="userName"/>
Jquery 代码取节点:
var jqueryObj = $("#userName");
传统代码节点:
var doc=document.getElementById("userName");

取值:
var userName = jqueryObj.val();

2、异步交互,将数据发送给服务器端
使用jquery 的XMLHttpRequest对象的get请求的封装对象发送
$.get("yourServletUrl?xxx=yyy",null,callback);

回调函数 :
function callback(data){
接受服务器端返回的数据
alert(data);
动态要显示的页面隐藏区域
var reslutObj = $("#divId");
动态的显示数据给页面
resultObj.html(data);
}

以上利用ajax和服务器进行交互可以重构代码为:
function mytest(){
$.get("myServletUrl?name="+$("#userName").val(),null,function(data){
$("#divId").html(data);
});
}
分享到:
评论

相关推荐

    jquery简单用法大全

    **jQuery简单例子** 例如,使用jQuery实现点击按钮隐藏某元素: ```javascript $(document).ready(function() { $("#myButton").click(function() { $("#myElement").hide(); }); }); ``` 在这个例子中,当...

    jQuery简易计算器

    jQuery简易计算器是一个基于JavaScript库jQuery实现的简单计算工具,它为用户提供了一个直观的界面来执行基本的算术运算。这个项目对于初学者来说是很好的学习材料,因为它涉及到前端开发中的DOM操作、事件处理以及...

    jquery的几种使用方法

    本篇文章将详细探讨jQuery的几种使用方法,帮助你更好地理解和运用这一强大的工具来提升网页设计的效率和用户体验。 1. **DOM操作**:jQuery的核心功能之一就是对HTML文档对象模型(DOM)进行操作。通过选择器,如`...

    jquery 教程 详细解释了jquery的使用方法

    这个“jQuery 教程”旨在为初学者提供详细的jQuery使用方法。 一、jQuery特点 1. 轻量级:jQuery库文件小巧,原始版本大约几十KB,经过压缩后通常不超过18KB,这使得它在网页加载时不会增加太多负担。 2. 强大选择...

    JQuery核心用法快速查询文档

    JQuery核心用法、快速查询文档、简单实用、概括详全、便于速查。 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,...

    jQuery简易打字游戏

    在这个"jQuery简易打字游戏"中,开发者利用jQuery的功能创建了一个简单的交互式游戏,旨在帮助用户提高打字速度和准确性。 **游戏机制** 1. **页面结构**:游戏界面通常包括一个显示待输入文字的区域,一个输入框...

    jquery 简单效果源代码

    5. **AJAX交互**: jQuery 的 `$.ajax()` 和 `$.get()`, `$.post()` 方法简化了与服务器的数据交互,使得异步请求变得更简单。 6. **链式操作**: jQuery 的方法返回的是jQuery对象本身,所以可以连续调用多个方法,...

    jquery简单实例代码

    在jQuery中,操作DOM变得非常简单。例如,要添加一个新的HTML元素,可以使用`append()`或`prepend()`方法。要删除元素,使用`remove()`。修改元素内容,用`html()`, `text()`, 或 `val()`。 **事件处理** jQuery...

    jQuery.validate 用法

    本文将深入探讨jQuery.validate的使用方法以及源码解析,帮助开发者更好地理解和运用这一工具。 首先,我们来了解一下jQuery.validate的基本用法。引入jQuery和jQuery.validate库后,我们可以通过调用`$("#formID")...

    基于jquery制作的简易五子棋

    例如,当棋子落下时,可以使用jQuery的`.animate()`方法实现平滑过渡。同时,为了防止用户连续点击,可以添加一个临时禁用点击的机制,如设置`disabled`属性或使用`.disable()`方法。 最后,为了使游戏更完整,可以...

    jQuery简易下拉面板实例教程.rar

    一旦选中元素,我们可以使用方法如`.show()`、`.hide()`来控制其显示和隐藏,或者使用`.html()`、`.text()`来修改元素内容。 创建下拉面板的第一步是构建HTML结构。一个基本的下拉面板通常由一个触发按钮(通常是...

    jquery实现简易计算器源码下载

    在这个项目中,我们将探讨如何使用 jQuery 来实现一个简易计算器,这将涉及到以下几个核心知识点: 1. **jQuery 选择器与 DOM 操作**:在创建计算器时,我们需要获取用户界面中的按钮元素,如数字、运算符等。...

    jquery 颜色选择器,使用简单

    通过jQuery的`.colorpicker()`方法初始化这个元素,如下所示: ```html ``` ```javascript $(document).ready(function() { $('#colorPickerInput').colorpicker(); }); ``` 3. 自定义配置 jQuery颜色选择器往往...

    jQuery简单例子

    &lt;title&gt;jQuery简单例子 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;!-- 图片元素 --&gt; 示例图片"&gt; 切换图片显示状态 &lt;script src="script.js"&gt;&lt;/script&gt; ``` 在这个例子中...

    Jquery Ajax简易计算器

    "jQuery AJAX简易计算器"是一个实用示例,展示了如何利用jQuery和AJAX实现一个简单的动态计算功能。通过这个项目,开发者可以学习到如何在客户端和服务器之间有效地交换数据,以及如何更新页面内容而无需刷新整个...

    jquery 导出excel方法

    这种方法简单但不适用于大量数据,因为URL长度有限制。 3. **服务器端处理** 在许多情况下,由于安全性和性能原因,直接在客户端生成Excel文件可能不是最佳选择。这时,可以使用jQuery发送Ajax请求到服务器,...

    jquery-3.6.0.js 和 jquery-3.6.0.min.js 【jquery-3.6.0包合集】

    选择器:jQuery使用CSS选择器来选择HTML元素,这使得DOM操作变得非常直观和简单。 遍历和操作DOM:jQuery提供了多种方法来遍历和操作DOM元素,例如添加、删除、修改元素等。 事件处理:jQuery简化了事件处理,允许...

    jQuery 调用后台方法

    使用 jQuery 调用后台方法非常简单,只需要使用 `ajax` 方法并指定要调用的 URL、数据类型、传递参数等信息。下面是一个基本的示例代码: ```javascript $.ajax({ type: "POST", contentType: "application/json",...

    jquery API 使用手册

    查阅jQuery-UI-Reference-1.5.1.chm可获取相关组件的使用方法。 8. **版本差异(Version Differences)**:不同版本的jQuery可能包含不同的API和性能优化,例如,从1.4.x到1.8.x,一些过时的方法被移除,新的API被...

    简单的jQuery富文本编辑器插件

    富文本编辑器是网页开发中常见的一种工具,它允许用户在网页上进行文字编辑和格式化,类似于Word处理软件的...而`readme.html`中的信息则有助于开发者更好地理解插件的工作原理和使用方法,以便在实际项目中灵活运用。

Global site tag (gtag.js) - Google Analytics