代码很简单，在附件中，各位可以下载后直接运行. 代码如下: $(function() { jQuery.fn.alternateRowColors = function() { //做成插件的形式 $('tbody tr:odd', this).removeClass('even').addClass('odd'); //隔行变色 奇数行 $('tbody tr:even', this).removeClass('odd').addClass('even'); //隔行变色 偶数行 return this; }; $('table.myTable').each(function() { var $table = $(this); //将table存储为一个jquery对象 $tab...
效果图： 当下拉框改变的时候，添加一个成人填写信息或儿童填写信息！ 代码如下: 无标题文档 *{ font-size:12px; } #dFlightContent1 { width: 704px; height:auto; border-bottom: 1px solid #B0CAED; border-left: 1px solid #B0CAED; border-right: 1px solid #B0CAED; overflow: hidden; } .w_tt { font-size:14px; color:#006699; margin:0px 4px; } .w_tit { width:85px; text-align:right; } .w_uinfo { width:500p...
实例： 1、请求页面AJax.aspx HTML代码 代码如下: div> div> JS代码 代码如下: function JudgeUserName() { $.ajax({ type:"GET", url:"AjaxUserInfoModify.aspx", dataType:"html", data:"userName="+$("#txtName").val(), beforeSend:function(XMLHttpRequest) { $("#showResult").text("正在查询"); //Pause(this,100000); }, success:function(msg) { $("#showResult").html(msg); $("#showResult").css("color","red")...
代码如下: .s_c{ position:relative; width:800px; height:300px; border:1px solid #000; overflow:hidden; } var Sl=Sl||{}; (function(){ var undefined; function box(o){ var d=$.extend({},{ 'w':40, 'h':30, 'secne':null, 'data':'' },o); if(d.secne==null||!d.secne) return; this.div=$("").css({'position': 'absolute','border':'1px solid #cde','left':'0px','top':'0px'}).html(d.data); this.w(d.w); this.h(...
这里，用的jquery来做的。关键代码如下： 代码如下: //添加數據行； function AddRow(){ var vTb=$("#TbData");//得到表格ID=TbData的jquery对象 //所有的数据行有一个.CaseRow的Class,得到数据行的大小 var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少个数据行 var vTr=$("#TbData #trDataRow1"); //得到表格中的第一行数据 var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClone vTrClone[0].id="t...
代码如下: var count=$("#drpCity option").length; //查找城市 for(var i=0;i<count;i++){ var vTmp=$("#drpCity").get(0).options[i].value; if($.trim(vTmp)==vDpoizone){ $("#drpCity").get(0).options[i].selected = true; $("#drpCity").trigger("change"); break; } } }?
html结构如下： 代码如下: 为body添加click事件 function show_body_click(){ alert('you are click the body'); } jQuery(document).ready(function(){ //jQuery("ifr_id").contents().find("body").attr("onclick", "show_body_click()"); //alert(jQuery("#ifr_id").contents().find('body').attr("onclick",'xxxx()'));//不能实现 //var ifr = jQuery("ifr_id") }); jQuery(document, '#ifr_id').ready(function(){ jQue...
这里只阐述如何编写自己的插件，至于要实现什么功能，要因人而异了...好了，下面开始... jQuery插件主要分为三种 1、封装对象方法的插件 2、封装全局函数的插件 3、扩展选择器的插件 这里只编写前俩种，即比较常见的.. 大多数插件都是已这种形式编写的： 代码如下:(function ($) { /* 这里放置代码 */ })(jQuery); 这样的好处是函数内部依然可以使用$作为jQuery的别名，而不影响到其他库使用$ jQuery提供了俩个扩展用于编写插件 $...
而很多页面效果都要用到这些位置。不得已，得练练，得记记。 下面就来说说这个基于 JQuery的简易拖拽插件吧。 按惯例，先说说拖拽的原理，以及搞这么一个东东的步骤： 那什么是拖拽呢？ 看名字就知道了：就是把一个东东拖来拽去的。 放到我们的DOM上，就是改变它的位置。 它只有两个难点：1、如何知道是在拖？ 2、如何知道从哪拖，拖到哪？ 其实，这也算不上难点，毕竟两者都是基础的东西，关键在于熟练。 换到js 中，我们搞一个拖...
核心代码: 代码如下: $(document).ready(function(){ //$('div.chapter a').attr({'rel':'external'}); $('div.chapter a').each(function(index){ var $linkthis=$(this) $linkthis.attr({ 'rel':'external', 'id':'wikilink-'+index, 'title':'你好，现在在试验'+$linkthis.text() }); }); $('#wikilink-1').css('fontSize',33); }); 完整测试代码： 代码如下:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> DOM Man...
代码如下： 代码如下: $("#money").bind("propertychange",function() { if(""!=this.value){ var str = this.value.replace(/(^\s*)|(\s*$)/g, ""); if(this.value != str ) this.value = str; } if( isNaN(Number(this.value))) this.value = this.value.replace(/[\D]/,); }); 这里使用了JQuery绑定到id为money的文本框的onpropertychange事件上。 下面的代码连小数点也屏蔽掉了 代码如下: $("#phone").bind("propertychange...
前些天我们学生在线首页改版，要做一个工具栏，由于版面的限制，原先策划的很多工具只好安排在一个小区域里面，具体效果如下：当然，这样的效果，用html自带的控件也可以实现。不过自定义的话就可以自己设置滑动条的样式啦，比如说设为红色、蓝色等，按钮形状也可以自己做啦。 需要实现的效果是，这些工具一次最多在可见区域显示9个（这里假设工具项总数多于9个，不满9个的话，将来也很有可能扩展到9个），点击上下的按钮即可将可见...
js,jQuery 排序的实现: 重点: 想要实现排序,最简单的方法就是 先把标签用jQuery读进对象数组 用js排序好对象数组 (针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改) 用对象数组内容覆盖网页上的标签数组; //排序从文字短的到长的 代码如下: //排序从文字短的到长的 var arr_a=new Array(); var i=0; $(".type_list_txt > span:contains(T恤)").parent().children("a").each(function(){ arr_a[i]=$(this).clone(); i...
jQuery 1.3.2 简单实现select二级联动 代码如下: jQuery 二级联动 $(document).ready(function(){ $("#province").change(function(){ $("#province option").each(function(i,o){ if($(this).attr("selected")) { $(".city").hide(); $(".city").eq(i).show(); } }); }); $("#province").change(); }); ----请选择省份---- 北京 上海 江苏 ----请选择城市---- 东城 西城 崇文 宣武 朝阳 黄浦 卢湾 徐汇 长宁 静安...
jQuery对于数组元素操作主要提供了以下工具： (1)数组和对象的例遍：jQuery.each(obj,callback) 通用例遍方法，可用于例遍对象和数组。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。 （2）数组元素的过滤：jQuery.grep(array,callback,[invert]) 使用过滤函数过滤数组元素。此函数至少传递两个参数：待过滤数组和过滤函数。...