Jquery(功能篇)
在奋斗的大道
程序发烧友
展开
-
(Jquery功能篇) Jquery 实现获取Select 的值
截图展示:第一步:jsp 代码: 加价选择: 5元 10元 15元 20元 第二步:jquery代码://获取select 获取的值function change(){ var text=$("#where").find("option:selected").text(); alert("相关信息原创 2013-08-06 11:56:45 · 855 阅读 · 0 评论 -
jquery 防止ajax 重复提交 简单方法
$.ajax({ type:'post', url:'LibraryBooks_data.php', data:params, dataType: 'json', async:false,原创 2014-01-13 23:41:38 · 757 阅读 · 0 评论 -
jquey 遍历json
第一步:ajax请求后台数据,数据传递方式为:json$(document).ready(function(){ var json='{"platform":"2"}'; //执行异步请求 var url_ = 'http://202.103.124.70:8085/services/phoneDataInterface'; var param = '{"dat原创 2014-02-21 15:02:05 · 951 阅读 · 0 评论 -
jquery ajax 加载超时提示
加载超时 function load(){ $("#tips").html("加载中..."); $.ajax({ async:true, cache:false, timeout:8000, type:"POST", url:"result.php", data:{a:'123'},原创 2014-03-18 14:10:44 · 1229 阅读 · 0 评论 -
JQuery日期插件datepicker的使用
JQuery是一款非常优秀的脚本框架,其丰富的控件使用起来也非常简单,配置非常灵活。下面做一个使用日期插件datapicker的例子。 1、下载jQuery核心文件就不用说了吧,datepicker是轻量级插件,只需jQuery的min版本就行了,然后到官网http://jqueryui.com/download下载jquery-ui压缩包(可以选择喜欢的theme),里面就包含对d原创 2014-03-21 15:45:38 · 717 阅读 · 0 评论 -
(Jquery功能篇) Jquery 控件赋值
1.jQuery给span取值:$("#id").html();2.jQuery给input取值:$("#id").val();3.jQuery给textarea取值:$("#id").val();4.jQuery给radio取值(非主创):今天写Js的时候发现利用jquery取不到radio的当前值,上网Google下,发现网上的解决方案都是依托于1.2版原创 2014-10-23 14:17:29 · 471 阅读 · 0 评论 -
(Jquery 功能篇) Jquery div 动态添加监听事件
第一步:先介绍: $(document).ready(function(){} 函数原创 2014-10-25 12:53:35 · 2887 阅读 · 0 评论 -
jquery 判断input checkbox 是否选中
判断checkbox是否被选中网上有选多种写法,这里有一种方法,个人觉得比较方便李立纪念馆.STYLE17 { font-size: 12px; color: #666666;} 纪念主页 | 艺术简介 | 追思留言 | 相册 | 作品集原创 2015-04-02 19:03:20 · 3224 阅读 · 0 评论 -
jQuery菜单插件
导航是网站设计最重要的元素之一。一个优秀的导航菜单要简洁易用,方便用户。而用jQuery菜单插件制作出来的动态导航则能很好的满足这一点。jQuery是一个轻量级的JavaScript框架,兼容CSS3以及各种浏览器,同时还有许多成熟的插件可供选择,能给用户带来更好的使用体验。本文整理了37个优秀的jQuery菜单插件,用以帮助你创建更好的导航菜单。 1、用jQuery和CSS创建的Mac风转载 2015-08-11 16:39:46 · 950 阅读 · 0 评论 -
Jquery Table 的基本操作
Jquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结。首先建立一个通用的表格css 和一个 表格Table:table{ border-collapse: collapse; border-spacing: 0; margin-right: auto; margin-left: auto; w转载 2014-01-13 23:26:42 · 692 阅读 · 0 评论 -
(Jquery 功能篇) Jquery ajax异步加载
1.前段页面效果2.前段页面代码[html] view plaincopyprint?input type="text" id="param1"/> + input type="text" id="param2"/> = input type="text" id="result">input type="button" value="get原创 2014-01-09 15:45:18 · 584 阅读 · 0 评论 -
(Jquery功能篇) jquery 插件fancybox查看图片原图
效果截图:fancybox相关介绍: 1.可以支持图片、html文本、flash动画、iframe以及ajax的支持2.可以自定义播放器的CSS样式3.可以以组的形式进行播放4.如果将鼠标滚动插件(mouse wheel plugin)包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片5.Fancybox播放器支持投影,更有立体的感觉 项目实例原创 2013-08-19 09:47:21 · 3046 阅读 · 0 评论 -
(Jquery功能篇)jquery的smallsluder控件(图片轮换)
效果截图:项目实例:加载资源文件 编写相关js代码 $(document).ready(function () { $('#flashbox').smallslider({ //图片切换特效 switchEffect: 'ease', //图片的切换方式 s原创 2013-08-19 10:28:25 · 854 阅读 · 0 评论 -
(Jquery功能篇) Jquery validate框架验证实例代码
第一步:加载相关的js文件 第二步: $().ready(function() { $("#secondform").validate({ //规则 rules:{ xm:{ required: true,原创 2013-08-07 18:56:20 · 774 阅读 · 0 评论 -
(Jquery功能篇) JPage分页控件实例代码
截图:使用JPage实现分页效果图 第一步:加载JPage插件(相关资源文件和Js代码) 截图所示: 第二步:编写相关js 代码原创 2013-08-10 15:21:03 · 1613 阅读 · 0 评论 -
(Jquery功能篇) JqGrid表单控件实例代码
截图效果展示: 源代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 订单信息分页原创 2013-08-12 12:40:39 · 1476 阅读 · 0 评论 -
(Jquery功能篇) Jquery UI 相关组件(手风琴、tab分页、进度条、 滚动条、 时间控件)
截图: 实例代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 手分琴 $(function() { //手风琴js 代码原创 2013-08-12 18:14:07 · 2243 阅读 · 0 评论 -
(Jquery功能篇)easy UI 验证功能
截图展示: 源代码展示:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> esay_ui框架 验证功能 function va原创 2013-08-13 10:52:41 · 2293 阅读 · 0 评论 -
(Jquery 功能篇) Jquery Z_tree异步树加载实例代码
效果截图:servlet(服务端代码)package com.rf.servlet;import java.io.IOException;import java.io.OutputStream;import java.sql.Connection;import java.sql.ResultSet;import java.sql.Statement;impo原创 2013-08-14 10:27:28 · 1148 阅读 · 0 评论 -
jQuery 判断数组集合 是否包含相同元素.
定义:组装数组对象,筛选重复对象。isRepeat: function(data) { var i = 0; var obj; var arry = []; for (i; i data.length; i++) { obj = data[i]; if ($.inArra原创 2018-01-11 21:31:31 · 5615 阅读 · 1 评论