一、新建一js文件jQuery_FixedTableHead.js 内容如下：代码如下:jQuery.fn.CloneTableHeader = function(tableId, tableParentDivId) {var obj = document.getElementById("tableHeaderDiv" + tableId);if (obj) {jQuery(obj).remove();}var browserName = navigator.appName;var ver = navigator.appVersion;var browserVersion = parseFloat(ver.substring(ver.indexOf("MSIE") + 5, ver.lastIndexOf("Windows")));var content =...
本实例使用jquery操作div的CSS，实现了可隐藏重现的靠边悬浮层，预览效果网址：http://www.keleyi.com/keleyi/phtml/xuanfudiv/ 本实例使用到jquery添加移除类的两个方法，详细介绍请参考网址：http://www.keleyi.com/a/bjac/e9e40a974de5a902.htm 下面给出完整代码，保存到html文件可查看效果。 代码如下: jquery实现的可隐藏重现的靠边悬浮层-脚本之家 body{ margin:0px;} .onkeleyicom{left:0px;} .offkeleyicom{left:-14...
代码如下: js: 代码如下: $(document).ready(function () { GetA(); $("#ddl1").change(function () { GetB(); }); $("#ddl2").change(function () { GetC(); }); }); function GetA() { $("#ddl1").html(""); $("#ddl1").append("请选择..."); //$("select[name$=ddl1] > option:selected").remove(); var strId = 0; $.getJSON("LoadClass.ashx?ddlId=" + strId, function (data) { for (var i = 0; i $("select[name$=dd...
以前在新浪博客写过js调用AJAX时Get和post的乱码解决办法，但是使用js代码比较繁琐，我们在使用ajax进行数据交互时可以使用js的一个成熟框架---jQuery。 一个网站的设计，不管是注册登录还是分页查找，都需要提交参数到服务器以便得到所需的页面数据。为了减少用户因刷新页面带来的煎熬，ajax诞生。但是初学者进行项目开发时，会遇到一个很烦人的问题：中文乱码。下面我就通过一个简单的实例来告诉大家哪些地方可能会导致乱码，我们...
[css] 代码如下: .height{ background:#666666; /*背景颜色为灰色*/ } tr{ cursor: pointer; /*手形*/ } .height{ background:#666666; /*背景颜色为灰色*/}tr{ cursor: pointer; /*手形*/ }[html] 代码如下: 姓名性别居住地 张三男北京 李四男上海 王五女深圳 赵六女北京 孙七男上海 姓名性别居住地 ...
[html] 代码如下: var formValidate = new formValidate(); formValidate.init({}); [javascript] 代码如下: /* * 通用JS验证类 * 使用方法： * var formValidate = new formValidate(); * formValidate.init({}); * 注意： * * id为formValidate * * * validate="zip_code" 验证是否是邮政编码 * empty="yes" 验证是否允许为空 * min=10 最小长度 * max=10 最大长度 * 显示提示内容 */ var formValidate = function ()...
代码如下： 代码如下: 导航条在项目中的应用 $(function(){ $(".tit").find("span").click(function(){ $(this).toggleClass("closeBtn2").parent().next().slideToggle(); //实现内容隐藏显示，及图标的切换 }) ; $(".clsBot").click(function(){ $(this).parent().find("li:gt(4)").toggle(); //实现内容索引值大于4的隐藏或者显示...
代码如下: $(document).ready(function () { loadSchools(); }); function loadSchools() { var url = "@Url.Action("GetSchools")"; $.ajax({ url: url, type: "GET", dataType: "json", error: function () { alert("Error"); }, success: function (data) { var items = ""; $.each(data, function (i, school) { items += "<option value=\"" + school.SchoolId + "\">" + school.SchoolName + ""; }); $("#SchoolId").html(it...
以前只知道在返回data区域赋给html控件值，后来发现，原来直接定义变量就行了。 代码如下: var csj_data; $.ajax ({ cache: false, async: false, type: post, data: { aaa: "1" }, url: "../handle/Ladder_Fee_Code.ashx?ajaxaction=Select_FangAn", success: function (data) { csj_data = data; alert(data); ...
[javascript] 代码如下:$(function () { gridview("GridView1"); }); //gridview function gridview(objgridview) { //get obj id var gridviewId = "#" + objgridview; //even $(gridviewId + ">tbody tr:even").addClass("NormalColor"); //first $(gridviewId + ">tbody tr:first").removeClass("NormalColor").addClass("HeadColor"); //odd $(gridviewId + ">tbody tr:odd").addClass("A...
1.Juqery是javascript的优秀框架。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代...
javascript 页面中的函数 代码如下:function querySub(id,sid/*选中的项*/){$.post(${path}/page/article/querySubChannelArticle.action, {channelId:id},function(data){ $(select[name="article.subChannel.subId"] option[value!=""]).remove(); var jsonObj = data; for ( var i = 0; i < jsonObj.length; i++) { ...
最近发现web网页的拖拽效果，个人觉得是一种不错的用户体验，抽空研究了一下，原理还蛮简单的，下面贴一下我写的一个简单拖拽jquery自定义函数。 jquery代码:fun.js 代码如下: jQuery.fn.myDrag=function(){ _IsMove = 0; _MouseLeft = 0; _MouseTop = 0; return $(this).bind("mousemove",function(e){ if(_IsMove==1){ $(this).offset({top:e.pageY-_MouseLeft,left:e.pageX-_MouseTop}); } }).bind("mousedown",function(e){ _...
代码如下:obj1 = { a : 'a', b : 'b' };obj2 = { x : { xxx : 'xxx', yyy : 'yyy' }, y : 'y' }; $.extend(true, obj1, obj2); alert(obj1.x.xxx); // 得到"xxx" obj2.x.xxx = 'zzz';alert(obj2.x.xxx); // 得到"zzz"alert(obj1.x.xxx); // 得带"xxx"$.extend(true, obj1, obj2)表示以obj2中的属性扩展对象obj1，第一个参数设为true表示深复制。 虽然obj1中原来没有"x"属性，但经过扩展后，obj1不但具有了"x"属性，而且对obj2...
相对于上一篇，优化了拖拽的效果。 js代码:fun.js 代码如下: _MoveObj = null;//全部变量，用来表示当前div z_index = 0;//z方向 jQuery.fn.myDrag=function(){ _IsMove = 0; //是否移动 1.移动 _MouseLeft = 0; //div left坐标 _MouseTop = 0; //div top坐标 $(document).bind("mousemove",function(e){ if(_IsMove==1){ $(_MoveObj).offset({top:e.pageY-_MouseLeft,left:e.pageX-_MouseTop}); } }).bind("mouseup",function(){...