JQuery
关注
分享
扫一扫
zengshaotao
大道至简，未来可期
展开
-
JQuery解析XML
用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。第一种方案：01<script type="text/javascript">02$(document).ready(function() {03 ...原创 2017-03-19 17:26:27 · 245 阅读 · 0 评论 -
JQuery事件委托
什么叫事件的委托，举个列子：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么多员工站在门口就为了等快递）。前台MM收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一个优势，那就是即使公司里来了新员工（不管多少），前台MM也会在收到寄给新员工的快...原创 2014-03-23 00:01:19 · 93 阅读 · 0 评论 -
datePicker，日期控件
<script type="text/javascript"> $(function() { var options = { changeMonth: true, //显示月份下拉框 changeYear: true, //显示年份下拉框 firstDay: 0, //第一天的索引（星期天放前面）（星期天到星期六对应的索引为：0~6） showOtherMonths: true, //...原创 2015-04-22 15:43:39 · 173 阅读 · 0 评论 -
attr（），css()
JQuery的attr()方法，设置属性，不同于css(),很容易混淆使用，比如width，有些控件，比如table等，当做了属性，有些是当做了css，貌似浏览器还有不同的处理，还是比较麻烦的。对于$('#dataInfSn').attr("readonly",false);，要注意设置的false，不是"false"...2016-05-04 17:54:19 · 235 阅读 · 0 评论 -
JQuery,extjs比较
jQuery主页：http://jquery.com/ 设计思想 简洁的思想：几乎所有操作都是以选择DOM元素（有强大的Selector）开始，然后是对其的操作（Chaining等特性）。 优点 小，压缩后代码只有20多k（无压缩代码94k）。 Selector和DOM操作的方便 Chaining：总是返回一个jQuery对象，可以连续操作。 文档的完整，易用性（每个API都有...原创 2014-10-11 22:55:54 · 101 阅读 · 0 评论 -
JQuery常用功能
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+req原创 2014-10-13 23:00:29 · 107 阅读 · 0 评论 -
easy ui 树的常用功能
遍历tree nodes function Travel(treeID){//参数为树的ID，注意不要添加# var roots=$('#'+treeID).tree('getRoots'),children,i,j; for(i=0;i<roots.length;i++){ alert(roots[i].text); children=$(...原创 2016-05-17 14:40:37 · 191 阅读 · 0 评论 -
兄弟frame之间控制页面
<FRAMESET cols="250,*" frameborder="no" border="0" framespacing="0"> <FRAME src="<%=request.getContextPath()%>/jsp/estiscore/card_tree.jsp?<%=param%>&q2016-05-17 18:05:57 · 383 阅读 · 0 评论 -
JQuery tree的使用
$(function(){$('#cardTree').tree({checkbox: false,url: '<%=request.getContextPath()%>/estimateCardTree.do?method=jsonJorg',onClick:function(node){$('#cardTree').tree('select', node.t...2016-07-12 09:32:14 · 511 阅读 · 0 评论 -
JQuery高性能优化
使用JQuery时，你可以使用多种选择器，选择同一个元素，各种方法之间的性能是不一样的，有时候差异会特别大。 通常比较常用的选择器有以下几个： ID选择器 $("#id") 标签选择器 $("td") 类选择器 $(".target") 属性选择器 $("td[target='target']") 伪类选择器 $("td:hidden") 根据经验，我们应该知道这5种选择器的性能是依次下降的 测...原创 2014-03-19 21:35:44 · 187 阅读 · 0 评论 -
JQuery
var checkText=$("#select_id").find("option:selected").text(); var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值。对于链式里面的get(0)方法，获得的是dom对象。var maxIndex=$("#select_id optio...2014-02-28 21:41:09 · 89 阅读 · 0 评论 -
鼠标移动整行变色
网上订餐系统 .td1{background-color:Silver;} //页面初始化时处理相关信息 $(function(){ //改变网页背景颜色 $("#changeBgColor").change(function(){ var bgCo...2013-08-17 16:49:58 · 202 阅读 · 0 评论 -
查找IE浏览器版本
$("#loginBtn").click(function(){ var ua=navigator.userAgent; var Iversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE ")))); if(version <6.0) { ...2014-06-11 09:48:03 · 114 阅读 · 0 评论 -
position div
代码：[img]http://dl2.iteye.com/upload/attachment/0088/3853/218c79aa-2890-3bfb-8f8f-c9c23493976f.jpg[/img]效果：[img]http://dl2.iteye.com/upload/attachment/0088/3868/f104cc1f-93b3-3eb4-99b6-7622...2013-08-19 22:36:32 · 129 阅读 · 0 评论 -
iframe里获得父页面元素内容
开发中我们经常需要用到iframe元素，有时也需要在iframe之间相互访问元素。这里暂时以子iframe访问父页面元素为例： 假定页面A，包括了iframe A1，iframe A1包含的页面B包含了iframeA2，并且A中有id为test的元素，B中有id为test1的元素： 如果A2中访问B的元素，那么有 $("#test1",parent.document)即可...2014-06-17 20:47:30 · 205 阅读 · 0 评论 -
JQuery easyui 自定义校验规则
$.extend($.fn.validatebox.defaults.rules, { Account: { validator: function (value, param) { if (param != undefined) { if (value.length < param[0...原创 2014-06-18 09:43:31 · 133 阅读 · 0 评论 -
修改oracle TIMESTAMP(6)字段的内容
oracle存在字段类型TIMESTAMP(6)，有时候开发需要手动或者使用update语句修改时间，语法格式: update t_admin_ set modify_tm = to_timestamp('2014-06-02 23:23:23.112324233','yyyy-mm--dd hh24:mi:ss.ff')where admin_id='200004';...2014-06-19 09:59:42 · 3102 阅读 · 0 评论 -
extjs定义form表单对象
var form1 = new Ext.form.FormPanel({ width:350,frame:true,renderTo:"form1",title:"FormPanel",bodyStyle:"padding:5px 5px 0",defaults:{width:200,xtype:"textfield"},//*****简化****//items:[ ...原创 2014-06-19 17:48:24 · 258 阅读 · 0 评论 -
常用功能点
$("#button").keypress(function(keyc){ if(keyc.keyCode==13){ //如果是回车键，就提交表单 submit(); }});function submit(){ if($("#Form").form('validate'))；//这里使用了jquery的validator验证插件 $("#Form").s...原创 2014-06-25 14:05:34 · 169 阅读 · 0 评论 -
JQuery easyui
<body> <form id="form1" runat="server"> <table id="tt"> </table> </form> </body>原创 2015-08-23 21:48:29 · 82 阅读 · 0 评论 -
扩展easyui datagrid的两个方法.动态添加和删除toolbar
01$.extend($.fn.datagrid.methods, {02 addToolbarItem : function (jq, items) {03 return jq.each(function () {04 var dpanel = $(this).da...原创 2015-09-09 17:09:35 · 847 阅读 · 0 评论 -
jOrgChart横向的组织机构数插件
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jOrgChart - A jQuery OrgChart Plugin</title&g2016-03-02 12:03:53 · 1194 阅读 · 0 评论 -
jOrgChart的调试模式
jOrgChart是一个不错的横向组织树插件,在视觉体验上也是不错的，但是有个问题 就是jOrgChart插件的源码里有这么一句：console.log($node); 这句是一句调试代码，在chrome浏览器没有问题，在IE11的环境下也是ok的 但是，在IE8下就有个很诡异的问题。问题就是正常模式显示时组织树无法显示，通过 开启调试模式（按F12），然后再次刷...2016-03-02 14:41:18 · 240 阅读 · 0 评论 -
jOrgChart横向的组织机构树--手工构造json数据
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jOrgChart - A jQuery OrgChart Plugin</title&g2016-03-02 17:41:18 · 1672 阅读 · 0 评论 -
jOrgChart 后端取数--手工构建map
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jOrgChart - A jQuery OrgChart Plugin</title&g2016-03-03 11:39:18 · 189 阅读 · 0 评论 -
jOrgChart 后端取数--递归构建map
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jOrgChart - A jQuery OrgChart Plugin</title&g2016-03-03 11:41:15 · 351 阅读 · 0 评论 -
$.browser.msie为空
'$.browser.msie' 为空或不是对象，这个是jQuery错误出现这个错误，是因为升级了jQuery版本，从1.9以前升级到1.9以后，因为$.browser.msie在1.9以后的jQuery中不存在了，所以报错。jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 另外，对于jque...2016-03-03 17:34:41 · 202 阅读 · 0 评论 -
easyui dialog隐藏与显示
有时候需要对查询的结果进行过滤，当然如果是前端过滤，就不要再次发出后端的查询请求了。easyui很容易就实现了这一点。代码如：<div class="easyui-panel" id="columnSearchResultDIV"><table id="columnSearchResult"></table></div>原创 2017-12-13 18:30:31 · 3377 阅读 · 0 评论 -
JQuery 之empty and remove
$("table tr[id^=trAddColumn]").remove();//删除tr本身的内容。empty只能删除自己孩子节点的内容2017-12-25 18:59:44 · 136 阅读 · 0 评论 -
easy ui data grid
JQuery Easy Ui dataGrid 数据表格 数据表格 - Dat继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。.数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的，功能丰富的。单元格合并，多列标题，冻结...原创 2016-02-22 16:40:54 · 260 阅读 · 0 评论 -
JQuery easy ui 图标扩展
JQuery easy ui 1.2.6有很多的图标，但是有时候还是不够用的，需要自己扩展。 .icon-blank{background:url('icons/blank.gif') no-repeat;}.icon-add{background:url('icons/edit_add.png') no-repeat;}.icon-edit{...原创 2015-12-23 15:44:24 · 735 阅读 · 0 评论 -
表格动态展示与下钻
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&quo2016-09-13 08:37:37 · 2785 阅读 · 0 评论 -
表单参数一并提交
对于一般的table数据，并且还带有查询条件，我们都会使用jquery easyui 的datagrid来实现。 实现一般需要考虑初始化和再次查询两个动作，这个时候要为表单参数做一些操作，比如提交输入的参数。 当输入的数据比较多时，我们可以通过如下的方式进行数据的组装和提交： $("#searchbtn").click(function(){ $("#preResultD...2017-03-23 13:09:22 · 232 阅读 · 0 评论 -
cookie操作 JQuery
首先包含jQuery的库文件，在后面包含 jquery.cookie.js 的库文件。 <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js">&am原创 2017-03-23 22:18:23 · 93 阅读 · 0 评论 -
$(document)
在页面初始化的时候，要在页面的DOM元素内显示一些内容，内容又是通过脚本动态生成的，脚本内容又在util.js被引入的文件里，最好的方式，就是使用JQuery的$(function)，因为该函数的执行时机是所有的DOM元素加载完毕，否则就可以看不到自己想要的代码效果。。。...2014-11-09 16:34:18 · 103 阅读 · 0 评论 -
JQuery针对document
一个页面A里嵌入了iframe，iframe里的src也是一个页面B在A页面通过script引入了JQuery的脚本库，但是在B页面无法使用，因为$(document)是针对当前的document所以需要在B里重新引入...2014-11-09 20:46:33 · 86 阅读 · 0 评论 -
$.fn.hoverDelay
(function($){ $.fn.hoverDelay = function(options){ var defaults = { hoverDuring: 500, outDuring: 100, hoverEvent: function(){ $.n...2014-11-11 16:40:29 · 119 阅读 · 0 评论 -
JQuery dialog
http://hi.baidu.com/vevoly/blog/item/d61c7189a7eb73bb0e2444f7.html还是先看例子吧。另外如果要拖动、改变dialog的大小的话要加上ui.draggble.js和ui.resizable.js<!DOCTYPE html><html><head><link type="te...原创 2014-11-11 18:53:26 · 120 阅读 · 0 评论 -
获取页面高度
$(document).height() //是获取整个页面的高度$(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变，与document是不一样的要获取顶端，只需要获取到scrollTop()==0的时候就是顶端； 要获取底端，只要获取scrollTop()>=$(document).heig...原创 2015-12-15 10:26:06 · 169 阅读 · 0 评论 -
jQuery自定义插件
<html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title><meta http-equiv="pragma" content=2014-05-22 16:59:09 · 117 阅读 · 0 评论