![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery和Ajax
会编程的阿强
Java小学员。
展开
-
01-JQuery判断radio是否选中,获取选中值
JQuery判断radio是否选中,获取选中值/*---------------------------JQuery判断radio是否选中,获取选中值----------------------------------*/其他对radio操作功能,以后在添加。直接上代码,别忘记引用JQuery包DOCTYPE html PUBLIC原创 2014-12-05 14:18:03 · 1082 阅读 · 0 评论 -
20-Jquery延时加载图片学习
什么是JQueryLazyLoad? 官方网站地址:http://www.appelsiini.net/projects/lazyload 软件下载地址:http://plugins.jquery.com/lazyload/Lazy load 是用于长网页的图片延迟加载,在视线内的图片会被加载,不在视线内的,向下滚动鼠标才会加载。原创 2016-11-17 09:23:18 · 311 阅读 · 0 评论 -
21-jquery学习记录
一、Jquery对select的操作jquery获取select中的值 $("#selector").val();jquery设置select的选中值$("#selector").val(1);//设置option的value为1的选中jquery获取select的选中值文本$("#selector").find("option:selected").t原创 2016-11-17 09:24:19 · 240 阅读 · 0 评论 -
22-Jquery data
向元素附加数据,然后取回该数据:$(".set-pic").data("url", data.url);var ico = $(".set-pic").data("url");array = JSON.stringify(array);原创 2016-11-17 09:24:56 · 198 阅读 · 0 评论 -
23-jquery入门
jQuery2.x的版本不支持IE6/7/8onload和ready的区别 ①onload是网页全部加载完毕(包括图片等),ready是dom结构加载完毕才执行代码。ready效率>onload ②多个onload,之前的会被覆盖,多个ready不会被覆盖。例如:window.onload=function(){ alert(1);}wi原创 2016-11-17 09:25:44 · 214 阅读 · 0 评论 -
24-jquery选择器
一、常规选择器标签选择器 $("div").css("color","red")选取页面中所有的div元素,设置其中的文本颜色为红色。2.Id选择器 $("#div").css("color","red")选取页面中唯一的id为div的元素,设置文本颜色3.类选择器 $(".div").css("color","red"原创 2016-11-17 09:26:38 · 318 阅读 · 0 评论 -
25-过滤选择器(伪类选择器)
一、常规基本过滤器$("li:first").css()选取第一个li $("li").first().css()$("li:last").css()选取最后一个li $("li").last().css()$("li:not(.red)").css()选取所有li中class!="red"的 $("li").not(.red).css()$("li:ev原创 2016-11-17 09:29:13 · 574 阅读 · 1 评论 -
26-jquery操作DOM
$.each(arra,function(i,obj){})遍历$("#div").each(function(i,obj){})$("#div").css().css=$("#div").css({clore:red;background:black});$("").toggleClass("red");配合click事件切换样式。一、内部插入创建原创 2016-11-17 09:29:42 · 234 阅读 · 0 评论 -
27-表单选择器
$("input[name=pass]").val();根据[]添加属性选取。原创 2016-11-17 09:30:22 · 240 阅读 · 0 评论 -
29-事件对象
事件对象指的是event对象$(document).ready(function(){$('input').on('click',function(e){ alert('点击时候是否同时按下ctrl键'+e.ctrlKey);}); $("input").on('click',123,function(e){ alert('事件类型字符串'+e.type); ale原创 2016-11-17 09:44:01 · 284 阅读 · 0 评论 -
30-高级事件
模拟事件(模拟用户的操作,如点击事件)$(document).ready(function(){ $('input').on('click',function(e){ alert('触发模拟事件!'); }); $('input').trigger('click');});或者$(document).ready(function(){ $('input').原创 2016-11-17 09:44:31 · 299 阅读 · 0 评论 -
31-动画效果
一、显示隐藏$("div").show();$("div").hide();参数为速度,毫秒单位,参数可以为:slow,normal,fast.默认400毫秒。回调函数$(document).ready(function(){ $('div').hide('slow',function(){ alert('显示完毕!'); });});原创 2016-11-17 09:45:11 · 319 阅读 · 0 评论 -
32-jquery自定义插件
一、自定义插件规范命名jquery.插件名.js,实验是否有效alert($.nav),弹出undefined表示可以用。避免插件内部使用$,如果使用$,传入jquery对象。3.所有插件必须以分号结尾;(function($){})前面加分号表示防止上一个js没有以分号结尾4.返回一个jquery对象5.实例jq原创 2016-11-17 09:47:30 · 311 阅读 · 0 评论 -
33-jqueryUI中的dialog操作
$(function () { $('#search_button').button(); //创建dialog $('#reg').dialog({ //1.外观,title,buttons title:'知问注册', buttons:{ '提交':function(){ alert('提交'); }, '取消':function()原创 2016-11-17 09:48:21 · 315 阅读 · 0 评论 -
34-dialog的其他操作
$(function () { $('#search_button').button(); $('#reg').dialog({ title:'注册', autoOpen:true }); //打开对话框 //$('#reg').dialog('open'); //$('#reg').dialog('close'); //$('#reg').dialog('des原创 2016-11-17 09:49:20 · 255 阅读 · 0 评论 -
35-button操作
$(function () { $('#reg').dialog(); $('#reg').find('input[type=radio]').button(); $('#reg').find('input[type=checkbox]').button(); $('#search_button').button( /*{ disabled:false, //设置按钮是否禁用原创 2016-11-17 09:49:50 · 285 阅读 · 0 评论 -
36-自动补全、邮箱自动补全
index.js$(function () { $('#reg').dialog({ autoOpen:true, modal:true, width:320, height:340, resizable:false, title:'会员注册', buttons:{ '提交':function(){ } } }); $(原创 2016-11-17 09:50:24 · 820 阅读 · 0 评论 -
37-日历控件
//日历初始化 $('#date').datepicker({ //--------------------------------国际化开始--------------------- dateFormat:'yy-mm-dd', dayNamesMin : ['日','一','二','三','四','五','六'], monthNames : ['一月','二月','原创 2016-11-17 09:51:03 · 388 阅读 · 0 评论 -
中文不能输入超过20,英文输入不能超过40个
function check(){var newsTitle=document.getElementById("newsTitle").value;//表单验证if(getBLen(newsTitle)>40){alert("标题不能大于40个字符!中文=20,英文40个");return;}}function getBLen(str){if (str原创 2016-06-14 11:44:33 · 2556 阅读 · 0 评论 -
19-关于Excel文件上传进度开发的记录
获取进度的Ajax请求var id=setInterval(function(){$.post('getJd.action',function(d){if(d!=null){$("#process").html(d+"%");}if(d==100){//停止执行请求clearInterval(id);}});},1);每一毫秒进行一次原创 2016-02-15 17:46:47 · 389 阅读 · 0 评论 -
02-验证IP地址是否合法
验证原创 2015-05-26 16:06:39 · 563 阅读 · 0 评论 -
03-JQuery和prototype框架冲突解决
只是一个简单的意淫的想法,应该是这样的作用。在同一个jsp页面同时引入prototype.js和jquery.1.2.1.js的时候, 因为jQuery默认使用"$"操作符,prototype等其他框架也是是使用"$",于是,如果jQuery在其他库之后引入,那么jQuery将获得"$"使用权。这样的情况也很容易理解,毕竟JS是从上到下流式执行的。 同样的道理,如果在其他使原创 2015-08-25 15:59:42 · 424 阅读 · 0 评论 -
04-Js提示工具Aptana的安装
Aptana是一个js的提示工具,用来帮助开发人员在编写js代码的时候进行提示。首先下载插件下载地址然后下载之后进行解压,然后将文件夹放入到电脑的任意的位置。打开eclipse中的links目录,新建一个.link的文件,然后在里面输入内容。path=C:\\Users\Administrator\\Desktop\\eclipse3.6\\eclipse\\new原创 2015-10-07 12:15:47 · 396 阅读 · 0 评论 -
05-javascript基础回顾
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="UTF-8"%>Insert title here //使用俩种方式输出表单的action值(使用表单的名称,使用表单数组forms) //方法一 var原创 2015-10-07 19:04:45 · 257 阅读 · 0 评论 -
06-javaScript基础回顾
1.getElementById 根据id获取该对象2.getElementsByName根据名称获取对象集合例子:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here /原创 2015-10-08 12:43:57 · 321 阅读 · 0 评论 -
07-Dom节点常用方法介绍
1.节点的替换<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8" %> Insert title here 你喜欢的城市:原创 2015-10-08 13:56:09 · 301 阅读 · 0 评论 -
09-Dom操作复选框(全选、全不选、反选)
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8" %> Insert title here 您的爱好很广泛!!! 全选/全不选原创 2015-10-08 17:43:28 · 1552 阅读 · 0 评论 -
08-Dom操作表格
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8" %> 动态创建表格 添加用户:原创 2015-10-08 15:50:19 · 319 阅读 · 0 评论 -
08-DOM操作多选下拉列表
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8" %> Insert title here原创 2015-10-08 21:43:36 · 400 阅读 · 0 评论 -
11-Jquery使用get方法实现用户名的验证
/* * 需要通过Javascript代码来做两件事情 * 1.button被按下的时候,需要将文本框中的数据获取到,然后发送给服务器端,最后接受服务器返回的数据,填充到我们预留的div中,这样用户就可以看到结果 * 2.文本框上,用户按键之后,需要判断文本框中的内容是否为空,如果不为空,红色的边框和背景图就应该取消,否则保留 * *//* * 需要在页面装载完成是注册上这些工作原创 2015-10-12 21:42:28 · 998 阅读 · 0 评论 -
13-Jquery其他效果下载
Jquery效果下载:http://pan.baidu.com/s/1kTCiZkj原创 2015-10-14 13:20:45 · 310 阅读 · 0 评论 -
12-可以编辑的表格
使用Ajax对表格进行直接编辑,并且有提示框进行提示。效果展示: 百度云盘下载地址:http://pan.baidu.com/s/1i36h1qPhttp://pan.baidu.com/s/1yUhDchttp://pan.baidu.com/s/1i36NwVj原创 2015-10-14 13:18:15 · 477 阅读 · 0 评论 -
16-Ajax学习之什么是Ajax,Ajax原理
1.Ajax是什么?Asynchronous Javascript And XML,异步JavaScript和XML包含7种技术:xml,javascript,css,xmlhttprequest,xstl,dom,xhtml2.传统的客户端和服务器响应方式缺点:1.数据是整体提交2.整个页面有刷新3.用户体验不好4.占带宽(使用流量大)3.ajax是一个与原创 2016-01-19 23:00:26 · 418 阅读 · 0 评论 -
17-Ajax使用get/post方式,判断用户名是否重复
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here var xmlHttpRequest=null; //创建Ajax引擎 function getXmlHttpRequest() { if (window.Activ原创 2016-01-20 19:26:15 · 2083 阅读 · 0 评论 -
18-ajax学习之返回数据处理xml和json
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here var xmlHttpRequest=null; //创建Ajax引擎 function getXmlHttpRequest() { if (window.Activ原创 2016-01-20 20:37:49 · 624 阅读 · 0 评论 -
14-Jquery获取选中的select的值
获取select中选中的值 测试jquery获取测试$("#area1 option:selected").text();jquery获取value$("#area1").val();原创 2016-01-08 16:45:02 · 442 阅读 · 0 评论 -
15-ajax的data传参的两种方式以及乱码的解决
/** * 订单取消 * @return {Boolean} 处理是否成功 */function orderCancel(orderId, commant){ var flag = false; $.ajax({ type: "POST", url: "../order/orderCancel.action", //orderModifyStatus ① d原创 2016-01-08 16:55:59 · 1957 阅读 · 0 评论 -
读《精通jQuery》jQuery基础知识总结
jquery学习知识1.可以使用值得信任的cdn版jQuery,减少带宽。2.jQuery与其他javaScript库冲突的解决只需要将noConflict方法的返回值赋给一个变量即可。var jq=jQuery.noConflict();jq(“#id”)…..3.使用holdReady方法控制ready事件的触发时机。例子:$.h原创 2017-02-06 21:35:18 · 413 阅读 · 0 评论