代码如下： 代码如下:$("#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",...
核心代码: 代码如下:<script language="javascript" type="text/javascript"> $(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); }); </script> 完整测试代码： 代码如下:<...
实例： 1、请求页面AJax.aspx HTML代码 代码如下:<div> <input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> <div id="showResult" style="float:left">div> div> JS代码 代码如下:<script type="text/javascript" src="CSS/jquery-1.3.2.js"></script> <script type="text/javascript"> function JudgeUserName() { $.ajax({ type:"GET", url:"AjaxUs...
html结构如下： 代码如下:<html> <head> <title>为body添加click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="jquery-1.5.2.js"></script> <script> 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(jQ...
代码如下: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; } } }?
这里，用的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="tr...
jProviderData 代码如下:/// <reference path="jUtil.js" /> $j = jQuery.noConflict(); (function ($j) { $j.providerData={ defaultSettings: { select_Span_Items: false, select_TD_Items: false, select_LI_Items: false }, init:function(options){ opts = $j.extend({}, $j.providerData.defaultSettings, options); singleItemJsonFormat="{0}":"{1}"; divItemFormat={{0}}; tableItemFormat={0}; }, getDataName:functio...
代码很简单，在附件中，各位可以下载后直接运行. 代码如下:<script type="text/javascript" language="javascript"> $(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...
代码如下:<html> <head> <script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.4.2.min.js"></script><style> .s_c{ position:relative; width:800px; height:300px; border:1px solid #000; overflow:hidden; } </style> <script type="text/javascript"> var Sl=Sl||{}; (function(){ var undefined; function box(o){ var d=$.extend({},{ 'w':40, 'h':30, 'secne':null, 'data':'' },o); if(d.sec...
例如： 代码如下:$(#foo).slideUp(300).delay(800).fadeIn(400);// 在.slideUp() 和 .fadeIn()之间延时800毫秒。 hover是否可以设计一个延时器呢？答案是肯定的。延时操作目的是为了防止用户误触发事件，一般情况下鼠标指针小于150毫秒的停留时间都可以被忽略。其实，如果入侵delay全能让其作用在hover事件上，但是为了避免John Resig不断的折腾jQuery而导致兼容问题，还是老老实实的写标准插件比较好。 目标 继承jQuery API的优...
实现目标：两个日期，有下拉框： 代码如下:<head> //导入jquery地址 <script src="（Jquery地址）" language="JavaScript" type="text/javascript"></script> <script type="text/javascript"> //startYear发生变化 function changeYear(str,isstart) { var pre = "start"; if(isstart == false) { pre = "end"; } var startMonth = $(pre + "Month").value; if(startMonth == "") { var e = $(pre + "Month"); optionClear(e); re...
js清空option之前清空option ，我的做法是遍历现有option，将其每个子元素都置空即可。现在使用jQuery来实现，我们只需要调用其支持的empty方法即可。 empty() 删除匹配的元素集合中所有的子节点。 再加上，我们要设默认值，所以此处清空select下所有option的方法，使用下面语句即可： 代码如下:$(#selectId).empty().append( $("<option>这里放默认值</option>") ); js动态创建option 之前的做法，是借用其中间函数，来实现遍历...
---------tabs.js----------------- 代码如下:$(function(){ //init seleted tab var on= $.cookie(current_tab); if(on!="" && !isNaN(on)) { $(".nav li").eq(on).addClass("on").siblings().removeClass(); } //default tab else { $.cookie(current_tab, 0); } //change tab $(".nav li").click(function(){ var current_tab = $(".nav li").index(this); $.cookie(current_tab, current_tab); window.location = $(this).att...
代码如下:$(#eTableWord).click( function() { var oWD = new ActiveXObject("Word.Application"); var oDC = oWD.Documents.Add("", 0, 1); var oRange = oDC.Range(0, 1); var sel = document.body.createTextRange(); sel.moveToElementText(dataTable); sel.select(); sel.execCommand("Copy"); oRange.Paste(); oWD.Application.Visible = true; });
在ajax交互中，我们从服务器端返回的数据类型有xml,html,script,json,jsonp,text，本文以json为例，讲述了在前台如何利用jquery遍历json的两种数据结构：“名称/值”对的集合，值的有序列表，以及值的有序列表里面包含“名称/值”对的集合，在服务器端，我们采用的Json.NET来序列化arraylist,hashTable,list<>等数据结构。 在开始之前，我们需要下载Json.net,下载完成后，在网站中添加引用，打开下载的文件夹，如果是.net2.0以上的...