jquery使用心得与体会
关注
分享
扫一扫
文章平均质量分 76
临海听风_518
心静如水，人淡如菊
展开
-
jquery easyui dialog的几个使用问题
jquery easyui dialog可以两种方式使用 1)定义div,使用iframe <div id="openRoleDiv" class="easyui-window" closed="true" modal="true" title="标题" style="width:500px;height:350px;"> <iframe原创 2014-09-20 11:27:55 · 237 阅读 · 0 评论 -
jQuery文本框字符限制插件 - Textarea Counter
众所周知<textarea>文本框没有类似maxlength的属性，无法限制输入字符的个数。今天要推荐的Textarea Counter正是为了弥补这个缺点而出现的文本框字符限制插件。 Textarea Counter是一个轻量级的jQuery文本框字符限制插件，它也是简单易用的。字数限制的提示信息将会显示在文本框的下方，你也可以自定义提示信息的格式。当输入的字符超过字数...原创 2013-12-18 21:29:54 · 202 阅读 · 0 评论 -
jQuery实现仿Excel表格编辑功能 - Handsontable-转给力技术
今天这篇文章要给大家推荐的是一个仿 Excel 表格编辑功能的 jQuery 插件 - Handsontable。 Handsontable 是一个相当给力的 jQuery 插件，它实现了 HTML 页面中的表格编辑功能，并且是仿 Excel 的编辑效果。在 Excel 中可进行的操作，你几乎都可以在网页中做到，如拖动复制、Ctrl+C 、Ctrl+V 等等。另外在浏览器支持方面，它...原创 2013-12-18 21:29:27 · 1487 阅读 · 0 评论 -
imgPreview - 实现图片预览功能的jQuery插件
jQuery以其插件众多、易于使用的特点流行于开发人员中，jQuery有多种插件供你使用。这里我要推荐的就是一个实现了图片预览功能的jQuery插件imgPreview，鼠标移到图片链接上时可以预览图片。 它也是一个轻量级的插件，压缩后的版本只有1.44kb大小。当鼠标移到图片链接上时，此插件会以 Tooltip 效果显示图片预览框。插件提供了多个可选参数的设置，你可以自己定义想要的...原创 2013-12-18 21:28:41 · 1435 阅读 · 0 评论 -
jquery操作input值总结
获取选中的值获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0]....原创 2013-12-17 21:41:58 · 150 阅读 · 0 评论 -
jquery全选，jquery全不选,jquery反选
全选，不全选，反选 $(function () { $("#selectAll").click(function () {//全选 $("#playList :checkbox").attr("checked", true); }); ...原创 2013-12-17 21:39:32 · 145 阅读 · 0 评论 -
jquery获取特定name所有选中的checkbox,支持IE9标准模式
jquery获取特定name所有选中的checkbox，支持IE9标准模式jquery获取特定name所有选中的checkbox，支持IE9标准模式分支 1:原先的语句为var selectChks = $("input[type=checkbox][name=productItem][checked]");在IE7，IE8和IE9兼容模式都能正常获取但是在IE9标准模式下获取...原创 2013-07-25 21:37:41 · 206 阅读 · 0 评论 -
JQuery+JSON+Struts返回一个List到页面
最近有人问我，怎么用JQuery+JSON+Struts实现，返回一个List到页面，前面我已经讲过了 一个简单的登陆的例子，那是返回一个字符串，这个例子有些不同，因为你要返回的是一个列表，而列表中都是实体：在这个实例中点击公司名称，返回子公司列表，从Action中返回List这就需要用到JSONArray 把原来的List 转化为JSONArray格式，我看到网上有相应的文章，但是相对麻...原创 2013-12-16 23:19:58 · 126 阅读 · 0 评论 -
jquery,each的使用
Each $(function () { $("input[name=names]").click(function () { var arr = new Array(); var strname=""; $(...原创 2013-12-16 23:19:42 · 167 阅读 · 0 评论 -
js/jquery解析json和数组格式的方法介绍
在解析之前，我们必须弄清楚几个概念：数组，关联数组以及json之间有哪些区别和联系点？一.概念介绍1.数组语法： ECMAScript v3规定了数组直接量的语法，JavaScript 1.2和JScript 3.0实现了它。可以把—个用逗号分隔的表达式列表放在方括号中，创建并初始化—个数组。这些表达式的值将成为数组元素。例如： var a = [1,...原创 2013-12-16 23:19:28 · 230 阅读 · 0 评论 -
JQuery利用json读取JavaBean List
读取JavaBean1、一个JavaBeanJava代码：response.setContentType("text/html;charset=utf-8"); PrintWriter out = response.getWriter(); StuBean stu = new StuBean(); stu.setId("s001"); stu.setName("...原创 2013-12-16 23:19:10 · 224 阅读 · 0 评论 -
(转)jquery each解析数组 json xml
jquery each解析数组： var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为：one,two,three,four var arr1 = [[1, 4, 3], [4, 6, 6...原创 2013-12-16 23:18:55 · 130 阅读 · 0 评论 -
使inputtype=“file”的浏览按钮透明隐藏的方法
<input type="file" name="license" style="opacity: 0;"> opacity: 0是让input type=”file”全透明，这样用户看不到input type=”file”。层级在文本框和按钮之上。这样用户在点击按钮的时侯实际上点击的input type=”file”...原创 2013-12-14 13:40:18 · 1260 阅读 · 0 评论 -
jQuery文本框智能提示插件-转自给力技术
在网站中使用文本框智能提示功能，能有效的提升用户体验，这篇文章要推荐的便是一个这样的 jQuery 插件。 jQuery.suggest 是一个提供文本框智能提示功能的 jQuery 插件，当在文本框中输入字符时，与此相关的内容会以浅灰色显示在文本框中。提示内容可使用键盘上下选择，按下回车后即可自动输入。可自定义提示文字的 CSS 样式。如何使用 首先在 HTML 页面中...原创 2013-12-18 21:30:39 · 339 阅读 · 0 评论 -
免费的jQuery用户界面组件包 - Chico UI
Chico UI 是一个开源且免费的用户界面组件库，让 jQuery 开发变得更加容易。它提供了自动完成、日期控件、下拉菜单、表单控件、手风琴等30多种组件。 同时它还提供了一个叫 Chico Mes 的 CSS 界面布局框架，可用来实现任意类型的网页布局网格。 除此之外，还有一个用于美化 HTML 元素的 CSS 类库，可对列表、表格、按钮等元素进行美化。一个好的框架，文档是必不可少的，它...原创 2013-12-19 22:20:02 · 242 阅读 · 0 评论 -
easyUi-中文API
一位大神说： EasyUI终于迎来大版本更新了，本次更新内容诸多，除了常规维护外，还新增了3个新组件，都很实用。详细的可以阅读更新说明，里面给了详细的解读。详细内容如下链接:http://blog.sina.com.cn/s/blog_58cfda2a0102uygz.html...原创 2014-09-17 22:51:07 · 300 阅读 · 0 评论 -
jquery 图片横向滚动插件
使用jquery做的，图片横向左右滚动，和自动滚动的插件，可以自定义显示图片个数和滚动时间 1、插件源代码(function($){ $.fn.myScroll = function(options) { //默认配置 var defaults = { auto: [false, 3000], //是否自动滚动,...原创 2013-11-03 09:13:29 · 407 阅读 · 0 评论 -
10 个很棒的 jQuery 代码片段
（一）图片预加载(function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = ar...原创 2013-11-03 09:04:23 · 122 阅读 · 0 评论 -
漂亮实用的商品图片jquery tips提示框（无图片箭头+阴影）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script type="text/javascript" src="http://ajax.googleapis.com/aja...原创 2013-11-03 08:54:08 · 259 阅读 · 0 评论 -
Jquery实际应用，判断radio，selelct，checkbox是否选中及选中的值
jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另：判断radio是否选中并取得选中的值 如下所示： function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ ...原创 2013-11-03 08:47:41 · 89 阅读 · 0 评论 -
jQuery 选项卡，仿腾讯迷你首页，清爽无修饰版
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&l原创 2013-11-03 08:46:25 · 195 阅读 · 0 评论 -
JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
在前端交互设计中，当需要获取用户浏览器的可视区域时，常碰到浏览器兼容问题，幸好jquery解决了这个问题。alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度a...原创 2013-12-22 10:01:06 · 146 阅读 · 0 评论 -
jquery 当textarea里内容被清空时，提交按钮禁用？是怎么触发的？
$(document).ready(function(){ $("textarea").get(0).change(function(){ if( $.trim(this.value) == "" ){ $("input:submit").attr("disabled","disabled");}else{ $("input:submit"原创 2013-12-22 10:00:45 · 203 阅读 · 0 评论 -
json定义及jquery操作json
一、背景json是一种轻量级数据交换格式，非常利于java服务与js的交互，本文将介绍json的简单定义和js如何解析json。二、内容1、json定义：简单的json格式为[{"key1":"value1"},{"key2":"value2"}],[]代表数组，{}代表数组中的数据对象,key1,key2是一个json对象中的key，一个json中key值唯一，value1,...原创 2013-12-22 09:59:48 · 506 阅读 · 0 评论 -
jQuery表单美化插件 - Ideal Forms
Form表单元素的美化一直都是一个比较麻烦的事情，尤其是单选和多选框，今天给力技术要推荐的Ideal Forms就是一个能解决这个问题的表单美化插件。 Ideal Forms是一个基于jQuery的轻量级表单美化插件，它具有简单易用的特点，能让你快速创建出漂亮的表单。在美化网站的同时也能让你的网站的用户体验进一步提高。它能将原始的input标签转换成圆角且带有变色效果的输入框，同时它...原创 2013-12-22 09:59:37 · 514 阅读 · 0 评论 -
给力的jQuery信息提示插件 - Poshy Tip
jQuery 自从出现以来，以其简洁灵活的编程模式迅速流行于世，而且拥有相当多的封装良好的插件。Poshy Tip 就是一款界面友好、功能齐全的jQuery Tooltip信息提示插件。 Poshy Tip是一个相当给力的jQuery信息提示插件，可以创建多种样式的信息提示框。它支持异步调用服务器端的数据并呈现在提示框中。此插件的定制性也很强，提供了多种属性和方法，你可以设置提示框...原创 2013-12-19 22:20:54 · 228 阅读 · 0 评论 -
JQuery ajax json 实例
序列化字符方法：注意这里的引用“System.Runtime.Serialization”和“System.ServiceModel.Web”using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Runtime.Serialization.Jso...原创 2013-12-19 22:20:40 · 139 阅读 · 0 评论 -
jquery属性禁用 以及dom操作
Simple jsp page $(function() { $("#btn").attr("disabled",true); //使用attr设置属性 }); aaaaaaaaaaa[align=center]jquery的Dom操作[/align] ...原创 2013-12-04 22:59:15 · 294 阅读 · 0 评论 -
jquery小例子:动态生成表格和无刷新评论
<%--Created by IntelliJ IDEA.User: changying Date: 11-1-6 Time: 上午11:21 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=GB...原创 2013-12-04 22:55:26 · 98 阅读 · 0 评论 -
jQuery实现的幻灯片效果焦点图
jQuery实现的幻灯片效果焦点图原创 2013-11-11 21:07:05 · 200 阅读 · 0 评论 -
jQuery一句话实现多选框全选/取消
使用jquery简单的实现全选 <!DOCTYPE Html><html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>原创 2013-11-06 21:32:49 · 93 阅读 · 0 评论 -
JS 父窗体中设置iframe中页面的前进、后退、刷新、首页
<input id="Button1" type="button" value="前进" onclick="document.getElementById('MainFrm').contentWindow.history.forward();" /><input id="Button2" type="button" value="后退原创 2013-11-06 21:32:16 · 2509 阅读 · 0 评论 -
JS判断字符串长度（包含了字母、汉字，其中字母占1个字符，汉字占2个字符）-转...
//计算字符串长度(可同时字母和汉字，字母占一个字符，汉字占2个字符)[javascript] view plaincopyfunction strlen(str){ var len = 0; for (var i=0; i<str.length; i++) { var c = str.charCodeA...原创 2013-11-05 22:01:41 · 540 阅读 · 0 评论 -
iframe中的各种跳转方法（转）
一、背景A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，在D中跳转页面的写法区别如下。二、JS跳转window.location.href、location.href 本页面跳转，D页面跳转parent.location.href 上一层页面跳转，C页面跳转top.location.href 最外层页面跳转，A页面跳转三、...原创 2013-11-05 21:41:08 · 232 阅读 · 0 评论 -
jQuery Form Plugin：AJAX方式提交表单的完全方案
简介jQuery Form Plugin可以简便且隐式地使用AJAX改善HTML表单（Form）。主要的函数ajaxForm和ajaxSubmit从表单元素中收集信息然后决 定如何管理提交过程。这两个函数都支持很多的选项，它们可以使你完全控制数据的提交方式。用AJAX提交表单再没有jQuery Form Plugin更方便的了。开发这个插件经过了一个团队的努力，许多人为它贡献各种点...原创 2013-04-24 18:57:12 · 171 阅读 · 0 评论 -
window.showModalDialog弹出框问题分析
function viewProMulgatePage(tempId){ var url="******&templateId=" + tempId; var result = window.showModalDialog(url,'',"dialogWidth=1024px;dialogHeight=595px;top=0;left=0;help:0;resizable:0;sta...原创 2012-10-31 09:33:22 · 600 阅读 · 0 评论 -
jQuery对下拉框、单选框、多选框的处理
[b]下拉框：[/b] [color=red]//得到下拉菜单的选中项的文本(注意中间有空格) var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的值 var cc2 = $('.formc select[@...原创 2012-10-20 00:45:11 · 135 阅读 · 0 评论 -
Javascript Dom Jquery 笔记汇总--转
Javascript 笔记汇总零散知识点1) Js的执行顺序是从上到下执行的,所以有时将javascript写到body后面(一般是写到head标签中)2) Javascript中既可以使用双引号也可以使用单引号声明字符串,主要是为了方便和html继承,避免转义符的麻烦3) 事件在标签中写 alert("这也是添加事...原创 2012-10-20 00:26:49 · 337 阅读 · 0 评论 -
jQuery分别获取选中的复选框值
[b]function jqchk(){ //jquery获取复选框值 var s=''; $('input[name="aihao"]:checked').each(function(){ s+=$(this).val()+','; });点击“提交”后，可以得到正确的选择值了，但是后面多一个,(英文逗号)，这个可以检测一下再用substring去除，或者获...原创 2012-10-20 00:18:18 · 187 阅读 · 0 评论 -
jquery获取选中的checkbox并提交form表单
/HTML //JSfunction send_emails(){ var sel = $("input:checkbox[checked=true]"); if(sel.length == 0){ alert("请选择收件人！"); return false; }else{ $("#subForm"...原创 2012-10-20 00:05:59 · 1304 阅读 · 0 评论