Jquery练习表单验证 代码如下:
这是菜单的内容，用ul标签实现菜单： 代码如下: 菜单一 子菜单1 子菜单2 子菜单7 子菜单3 菜单二 子菜单4 子菜单5 子菜单6 这是CSS控制代码： 代码如下: ul,ol,li{list-style:none;padding:0px;margin:0px;} #menu *{line-height:30px;} #menu a{ text-decoration:none; display:block; } #menu ul{ text-align:left; background:#333; } #menu .arrow{ /* 菜单项的右侧小箭头 */ float:right; padding-right:5px; }...
有朋友提出如下应用场景： 在当前tab选项卡中单击链接后，新内容在当前选项卡中显示，但标题内容还是上一页标题要改为新的标题，解决方法如： 首先在 outlook.js 中加入如下代码： 代码如下: function changeCurrentTabTitle(oldtitle,newtitle,url){ var currTab = $(#tabs).tabs(getTab,oldtitle); // or var currTab = $(#tabs).tabs(getSelected); //这个也可以 $(#tabs).tabs(update,{tab:currTab,options:{title:newtitle,c...
在线演示:http://demo.jb51.net/js/JQueryload/index.htm全部代码 代码如下: JQuery - Load #header { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #eee; } .buttonListArea { float: left; width: 150px; padding-right: 10px; border-right: 1px solid #eee; margin-right: 10px; } .buttonArea { margin: 10px; padding-bottom:20px; } #load_content { float: left; width: 550px; text-align:cen...
后经过一段对Jquery的学习，Jquery的强大解决了辅助代码过多不易维护的问题。AutoValidate.JS 代码如下: /// //验证方法 v1.0，创建于2010-12-9 完成2010-12-16 MR.X 制 //修改2010-12-10、2010-12-12、2010-12-15、2010-12-16添入信息提示动画效果 //支持 type=text type=checkbox type=radio select 标签验证 //vld="***"必填 格式验证 //vld="n***"选填 格式验证 //err="***"错误显示内容 //super="y"用追加提示信息，要用y以...
代码如下: function cut_str($sourcestr,$cutlength) { $returnstr=; $i=0; $n=0; $str_length=strlen($sourcestr);//字符串的字节数 while (($n<$cutlength) and ($i<=$str_length)) { $temp_str=substr($sourcestr,$i,1); $ascnum=Ord($temp_str);//得到字符串中第$i位字符的ascii码 if ($ascnum>=224) //如果ASCII位高与224， { //根据UTF-8编码规范，将3个连续的字符计为单个字符 $returnstr=$returnstr.substr($sourcestr,$i,...
首先,jQuery事件绑定的时候，所有事件用$.data()方法存储到了$.cache里面，用data('events')可以反复获取到它们： 代码如下: var $div = $(div.demo), data = $div.data(); // 获取所有绑定事件: var events = data.events; // 除了window对象绑定事件的比较特殊： var windowEvents = $(window).data(__events__); 在必要的时候，可以检索有没有绑定相关处理函数： 代码如下: var clickHandler = function(){ console.log(clic...
因为加载内容比较慢，所以用户可能在li上不经意点击了两次，那么就会请求两次，这是我们不想看到的。 今天在javascript-jquery群上一筒子发了两个demo给我，他的方法是先将单击的li节点拷贝出来，在加载完后 在重新插回去，显然不太适合我做的功能。 正一筹莫展，想了一下，何不在li点击时加入loading图片（在ajax加载前），判断li节点上是否存在了img元素， 没有则加载ajax内容，否则不处理。 测试了可以通过，(^o^)/。 代码如下...
实现拖动效果. 代码如下: $(document).ready( function() { $("#divPanel").easydrag(); } ); Html 代码 代码如下: Title EasyDrag还可以指定可拖动的区域，比如只能通过标题拖动整个div，我们JS可以这样写 代码如下: $(document).ready ( function() { $("#divPanel").easydrag(); $("#divPanel").setHandler("divTitle"); } ); 一个setHandler搞定,不错开源是个好东西，Jquery更是好东西，插件扩展机制不是一般的好。...
动态创建div: 代码如下: $(function(){ $("",{ id: test, text: this is a test, "class": "test", click: function(){ $(this).toggleClass(test); } }).appendTo("body"); }) 动态创建input: 代码如下: $(function(){ $("", { type: text, val: test, focusin: function() { $(this).addClass(active); }, focusout: function() { $(this).removeClass(active); } }).appendTo("body"); })
情景 如何在特定的请求上实现"ajaxStart"的效果？ 首先，重写Ajax方法的代价太高，仍然可以利用jQuery自身的Ajax Events。 Ajax触发的全局事件会像一个标准事件一样传播到所有DOM节点上。层级：jQuery Events > Ajax Events > 自定义Ajax事件。 实现 代码如下: Wo = window.Wo || {}; Wo.ajax = { spinner : $([]) ,init : function() { var $spinner = this.spinner = $(#ajax-loading); var show = function(e) { if(e.namespac...
实例代码 代码如下: trigger it (function($) { //demo1 $("#demo").bind("demo-trigger", function(e, args) { var info = []; //对应的我们从args参数中获取数据 for(var prop in args) { info.push(prop + ":" + args[prop]); } this.innerHTML = info.join(';'); }); $('#btn').click(function() { // 我们把数据作为一个参数和我们关心的事件名一起传入trigger方法 $('#demo').trigger('demo-trigger', { name:'Andrew', ...
一、判断对象对象是否存在 如果是下面的 jQuery 代码判断一个对象是否存在，是不能用的 if($("#id")){ }else{} 因为 $(“#id”) 不管对象是否存在都会返回 object 。 正确使用判断对象是否存在应该用： if($("#id").length>0){}else{} 使用 jQuery 对象的属性 length 来判断，如果 > 0 就存在。 或者 if($("#id")[0]){} else {} 或者直接使用原生的 Javascript 代码来判断： if(document.getElementById("id")){} else {} 二、根据...
效果图 在线演示http://demo.jb51.net/js/jquery_baobiao/index.html打包下载 http://xiazai.jb51.net/201101/yuanma/jquery_baobiao.rar 代码如下: $(function() { $("#tabs").tabs(); }); gvChartInit(); jQuery(document).ready(function() { jQuery('#myTable1').gvChart({ chartType: 'AreaChart', gvSettings: { vAxis: { title: '金额' }, hAxis: { title: '月份' }, width: 720, height: 300 } }); jQuery('#myTable2')...
假如是14话，用户录入前就用14暗示用户可以输入14个字符），当用户开始输入数据时，就把*依次替换掉，录入几个字符就替换掉几个*，录入完后文本框中就只有用户输入的信息了。就这么一个功能，还是折磨了我好一会，哎，JS水平还是太菜了，于是发帖求助，后来在CSDN网友huangwenquan123的热情相助下，才算把这个问题搞定了，现在直接贴出代码，希望对有这方面需要的朋友有所帮助： 代码如下: $(document).ready(function(){ $("#t...