Javascript链式调用 function ele(){ this.elements=[]; var element; if(typeof arguments[0]=="string"){ element=arguments[0]; if (element.slice(0, 1) == '#') { element = document.getElementById(element.slice(1)); this.elements.push(element); }else if(element.slice(0,1)=='.'){ element=element.slice(1); var es = document.body.getElementsByTagName('*'); for (var i = 0, j = es.length; i $('.t...
如大量信息查看，当网页多窗口框架等都会用到，现在网上基于jquery Tab控件，其实也蛮多了，我以前用过的idtabs，就比较简单实用，也是比较灵活，但是对于复杂情况就要编码多些，太简单了些。还有就是jquery UI的里面的tab控件（没用过，我对jquery ui不太感冒），另外就是近期有点小火的easyui 中的tab控件，最早在javaeye上面看到的，界面还算漂亮，因为之前没开源，所以一直没跟进（好像最近开源了，前几天下载了看看，编码风格...
jquery 弹出公告 *{margin:0;padding:0;font-size:12px;} li{float:left;width:100px;border:1px solid #ccc;list-style:none;text-align:center;} h3{margin:20px auto;text-align:center;} input{width:120px;height:30px;cursor:pointer;} #notice{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:10px;top:10px;display:none;} $(function(){ $('#open').click(function(){ $('...
用firebug查看其生成html，发现其checkobx是假的，只是一个span，来回的变样式而已，汗代码如下: $(".tree-checkbox", tree).unbind(".tree").bind("click.tree", function() { if ($(this).hasClass("tree-checkbox0")) { $(this).removeClass("tree-checkbox0").addClass("tree-checkbox1"); } else { if ($(this).hasClass("tree-checkbox1")) { $(this).removeClass("tree-checkbox1").addClass("tree-checkbox0"); } else { i...
学生科的网站首页有19个Repeater控件。6个div块的tabs切换。 做tabs切换总不能一个个去写方式吧:(代码如下....) 代码如下:$(function() { $("#tabs a:eq(0),#tabs2 a:eq(0),#dbt_l_t_tabs a:eq(0),#dbt_r_t_tabs a:eq(0)").addClass("m_on"); $("#tabs a:gt(0),#tabs2 a:gt(0),#dbt_l_t_tabs a:gt(0),#dbt_r_t_tabs a:gt(0)").addClass("m_out"); $("#tabs a,#tabs2 a,#dbt_l_t_tabs a,#dbt_r_t_tabs a").each(function(){ $(this...
代码如下: $(function(){ Ajaxload("?Uid=1") $("#ThreeM a:first").addClass("addBg"); $(".pageP2 a").live("click",function(){var NewUrl=$(this).attr("href");if(jQuery.browser.msie){var IE=$.browser.version;if(IE=="7.0" || IE=="6.0"){NewUrl="?"+NewUrl.split(?)[1]}};Ajaxload(NewUrl);return false;});/*return false阻止默认a标签跳转，改用ajax请求*/ $("#ThreeM a").click(function(){ if(!$(this).hasClass("ad...
JQuery的使用非常简单，我们只需要从其官方网站上下载一个脚本文件并引用到页面上即可，然后你就可以在你的脚本代码中任意使用JQuery提供的对象和功能了。 在JQuery中使用Ajax方法异步获取服务器资源非常简单，读者可以参考其官方网站上提供的例子http://api.jquery.com/category/ajax/。当然，作为客户端脚本，JQuery也会遇到跨域访问资源的问题，什么是跨域访问呢？简单来说就是脚本所要访问的资源属于网站外部的资源，脚本所...
例： 代码如下: 张三 李四 // 获取当前选中的option值 $(#sltList).val() //获取当前选中项的文本 $(#sltList option[@selected]).text(); // 获取当前选中的option, text为文本, val则是option的值了 或 var item = $("select[@name= list] option[@selected]").text(); //设置文本为当前选中项 $("#sltList option[@selected]").attr("text",张三); //设置select下拉框的第二个元素为当前选中值 $(#sltList)[0].selectedIndex...
jquery方法如下： 代码如下: function CheckAll(val) { $("input[name=chkJob]").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为全选按钮名称 喜欢上了Jquery的简便、明了··· 与用JavaScript写的比起来真的有点差距！ eg： javascript 全选反选代码 代码如下: //全选 function...
如图：上图的右边框不见了，使用 web开发工具调试，发现是内容器过大．于是想到了是jquery-easyui 对界面的＂渲染＂不正确引起． 起初以为是因为加了 处理重复的代码引起，但是去掉后总是依旧： 进而考虑到界面＂渲染＂的前后关系，于是尝试对代码片段进行延迟执行，问题解决．原问题脚本： 代码如下: if (window.__yltlClientScriptRegistKey == undefined || window.__yltlClientScriptRegistKey != 'somekey') { win...
代码如下: function pagerBar(dataCount,pageSize,serverUrl,contentPlace,pagerbarPlace,callBack){ this.dataCount = dataCount; this.pageSize = pageSize; this.serverUrl = serverUrl; this.contentPlace = $("#"+contentPlace); this.pagerbarPlace = $("#"+pagerbarPlace); this.callBack = callBack; this.pageCount = 0; this.pageIndex = 1; this.curInfo = $(""); this.prePage = $(""); this.nextPage = $(""); this.i...
效果图: 代码如下: jQuery EasyUI var users = {total:6,rows:[ {no:1,name:'用户1',addr:'山东济南',email:'user1@163.com',birthday:'1/1/1980'}, {no:2,name:'用户2',addr:'山东济南',email:'user2@163.com',birthday:'1/1/1980'}, {no:3,name:'用户3',addr:'山东济南',email:'user3@163.com',birthday:'1/1/1980'}, {no:4,name:'用户4',addr:'山东济南',email:'user4@163.com',birthday:'1/1/1980'}, {no:5,name:'用户...
1. 进入"管理 >> 配置"面板 2. 在"通过CSS定制页面风格"文本框内, 添加: 代码如下: /***********tag cloud css****************/ #tagCloud { text-align:center; overflow:hidden; } #tagCloud a{ padding: 0 5px; line-height:1.5em; display:inline-block; } 3. 在"页脚Html代码"文本框内, 添加: 代码如下: /***********tag cloud script****************/ if($("#taglist").length>0) { var dict = {}; $("#taglist td").h...
先上图，最终效果如下点击“信息确认”就是弹出一个确认窗口，把已经填报的信息都放到里面看看。 信息放里面很简答，主要是弹出窗口要做得好看点。 所以选择了jQuery+jqmodal实现 实现方法如下1、页面中引用jquery-1.4.2.js和jqModal.js，注意jQuery要在前面，因为jqmodal是以jQuery为基础的。 2、建立jqModal.css，并引用，主要是些美工的东东，注意div.jqmDialog 的 display为 none。高度和宽度要设置好，挡住下面的，好看~~，我...
代码如下: (function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if ($t.selectionStart || $t.selectionStart == 0) { var startPos = $t.selectionStart; var endPos = $t.selectionEnd; var scrollTop = $t.scrollTop; $t.value = $t.value.substring(0, startPos) ...