代码如下://采用jquery easyui loading css效果 function ajaxLoading(){ $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); $("<div class=\"datagrid-mask-msg\"></div>").html("正在处理，请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2}); ...
在开发jquery时候经常需要用到定位，这里概括两种定位： 1、相对父元素定位： $("#ele").position()，进而得到 left = $("#ele").postion().left right = $("#ele").postion().right 2、相对文档定位：$("#ele").offset(), 进而得到 left = $("#ele").offset().left right = $("#ele").offset().right
本例是个非常简单的div拖动，有需要的朋友可根据自己的需求，添加相应的代码。欢迎拍砖 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="height:100%;"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>div width resize</title> <!--引用jquery--> <script src="http://code.jquery.com/jquery-1.8.0.min...
代码如下:// 业务类型树 var settingOther = { edit: { enable: false }, // 异步加载树 async: { enable: true, url:"initCoagencyTree.action", autoParam:["id", "name=n"], otherParam:{"otherParam":"zTreeAsyncTest"}, dataFilter: filter }, // 简单数据格式 data: { simpleData: { enable: true } }, // 回调函数 callback: { beforeClick: beforeClick, onClick: onClick } }; // 鼠标事件 function beforeClick(treeId, ...
jquery 笔记： 代码如下:$(“input[name=radio_name]:checked”).val() <input type="radio" value="1" name="radio_name" />1 <input type="radio" value="2" name="radio_name" />2 <input type="radio" value="3" name="radio_name" />3 网上的东西太乱了，而且jQuery不同版本可能写法不太一样，经过搜索和做实验，下面写的是jQuery 1.3.2版本下的 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，sel...
代码如下://jquery验证邮箱 function checkSubmitEmail() { if ($("#email").val() == "") { //$("#confirmMsg").html("<font color=red>邮箱地址不能为空！</font>"); alert("邮箱不能为空!") $("#email").focus(); return false; } if (!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)) { alert("邮箱格式不正确"); //$("#confirmMsg").html("<font color=red>邮箱格式不...
1.写入<a>标签： <a target="_blank" href="javascript:void(0)" onclick="checkValidate()">水觅微博</a> 2.加入JS： 代码如下:<script type="text/javascript"> function checkValidate(){ if($("#signOut").text()){ window.location.href="<%=basePath%>/jsp/weibo/index.jsp"; }else{ window.location.href="<%=basePath%>index.jsp"; } } </script> 3.解释： $("#signOut").text()为我所需要判断的对应ID的Html元素的值
jquery特效 幻灯片效果，效果图如下： 代码如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>jquery特效</title> <style> /* CSS Document */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;} ul,ol,li{list-style:none;} input,button{margin:0;font-size:12px;ver...
我个人表示非常喜欢微软新一代的产品，先不管它产品的成熟与否，但是它带来的是全新的产品。所谓全新，是指在用户体验上，苹果这些年的成功使得所有产品都在模仿它的界面，包括安卓在内，不知道大家的感觉如何，反正我是对这些圆角矩形产生了审美疲劳（苹果以及安卓的粉丝勿喷，这里仅仅是从界面上评价，事实上从整体上来说，微软还是有差距的），当年wp的推出让我眼前一亮，马上喜欢上了Metro风格的产品，直至今天wp8以及win8开始...
如果是为了取到tagName后再进行判断，那直接用下面的代码会更方便： $(element).is('input') 如果是要取到标签用作到别的地方，可以使用一下代码： $(element)[0].tagName 或： $(element).get(0).tagName 下面是补充： jQuery 的 get(index) 方法允许选择一个实际的 DOM 元素并且对其直接操作，而不是通过 jQuery 函数，尔后可以直接访问 DOM 元素的 tagName 属性。$(this).get(0) 与$(this)[0] 等价。 HTML 代码： <div>Hello,...
代码： 代码如下:<!DOCTYPE html> <html> <head> <title>merge.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="css/jquery-ui.css" /> <script src="js/jquery.js"></script> <script src="js/jquery-ui.js"></script> <script...
1.before（）:将新节点添加到前面 2.after（）:将节点添加到低部 3.prepend（）:把节点变成第一个节点 4.append（）:把新节点添加到末端,与appendTo（）效果相同，只是语法上有差异 5.remove()：除移节点 示例： 代码如下:<ul> <li class="vacation"> <h2>Hawaiian Vac</h2> <button>Get Price</button> </li> </ul> 实现： 代码如下:<script type="text/javascript"> $(document).ready(function () { $(.vacation).before(pri...
测试代码： 代码如下:(function(){ var p=new PEvent(document); p.click(function() { //alert("单击"); //alert(p.style); var html=""; for ( var item in document) { html+=item+:+document[item]+"\r\n"; } //alert(html); }); p.dblclick(function() { alert("双击"); }); p.contextmenu(function(event) { try{ var x=event.clientX; var y=event.clientY; var menu=g("menu"); //判断坐标 var width=document.body.clien...
json文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取。 $.getJSON(url,[data],[callback]) url：加载的页面地址 data: 可选项，发送到服务器的数据，格式是key/value callback:可选项，加载成功后执行的回调函数 1.首先建一个JSON格式的文件userinfo.json 保存用户信息。如下: [ { "name":"张国立", "sex":"男", "email":"zhangguoli@123.com" }, { "name":"张铁林", "sex":"男", "email":"zhan...
jquery 提交值不为空的元素 可以用来查询的时候用 具体代码： 代码如下://在执行查询的时候，如果表单的字段为空 就不进行提交 $("#form1").submit(function(){ try { $(this).find("*").each(function(){ var elem = $(this); if (elem.prop("name") != null&&elem.prop("name") != "") { if(elem.val()==""){ elem.removeAttr("name"); } } }); }catch(e){ alert(e); } return true; }); 注意要返回个只，form的submit方法 取b...