例如： 代码如下: jQuery Wrapper $(function() { $("I am a red line.").css("color", "Red").appendTo("#foo"); }); $创造了一个p元素的包装元素，这个包装元素和用上文提到的选择符选到的元素是一样的。同样也可以调用jQuery的一些方法，最后用appendTo（以后介绍）把这个元素移动到div里。最终结果是： 下面介绍对包装集操作的函数。 1. html(),html(text). 第一个函数返回包装集第一个元素内部的html，第二个函数...
javascript实现的九九乘法表代码99乘法表 for(var i=1;i"); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]jquery实现的九九乘法表代码jquery 九九乘法表 $(document).ready(function(){ $("").data('fact',8).css('margin','10px') .appendTo(document.body) .bind('error',function(){ $(this).parent().find("div:lt("+ ($(this).data('fact')) +")").eq(0) .before($(this).clone(true).data('fact',$(this).data('fac...
//遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); } else { $("UPS Ground").appendTo($("select[@name=ISHIPTYPE]"))...
程序代码 window.onload = function(){ ... } . 访问HTML文档的元素，必须先载入文档对象模型(DOM)。当window.onload函数执行的时候，说明所有东西已经载入，包括图像和横幅等等。要知道较大的图片下载速度会比较慢，因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果，这样就花费了很长的等待时间，这不是我们想要的。 对于此，jquery提供了一个"ready"事件,你可以使用以下的代码片段： 程序代码 $(document)...
1：判断radio 代码如下: var selected = $(input[name=selectid:checked]).val();//若未被选中 则val() = null if(selected == null){ alert("未选中！"); }else{ alert("选中！"); } 2：判断checkbox 代码如下: var n = $("input:checked").length; if(n==0){ alert("未选中！"); }else{ alert("选中！"); } $("div").text(n + (n <= 1 ? " is" : " are") + " checked!"); 3：checkbox数组全选、取消全选 $("#selAll").click(f...
做web开发的时候，有时候需要根据键盘进行一些操作，例如按下Enter的时候提交表单，禁止用户输入某些特殊字符，设置快捷键等等。这时候需要找出用户按下的是那些按键，写个小程序来测试按键。 代码如下:$(document).ready(function(){ var $down = $("#down"); var $press = $("#press"); var $up = $("#up"); $(document).keydown(function(event){ $down.append(String.fromCharCode(event.keyCode) + " "); if (event.ctrlKey) ...
代码如下: $(function(){ //输入框中文字颜色控制 $("input:not(:last)").css("color","#999"); }); //用户名框鼠标焦点移进，文字消失 $("input:first").click(function () { var check1 = $(this).val(); if (check1 == this.defaultValue) { $(this).val(""); } }); //用户名框鼠标焦点移出，文字显示 $("input:first").blur(function () { $(this).val(this.defaultValue); }); //密码框鼠标焦点移进，文字消失 $("input:eq...
所以要引入JQUERY框架。 把我的这个控件代码放到一个js文件里面直接引入就可以了 控件代码 代码如下: $.fn.myDrag = function() { var self = $(this); self.css("position", "absolute"); var p = self.position(); self.css({ left: p.left, top: p.top }); self.mousedown( function(event) { // debugger; self.data("ifDary", "true"); //保存状态，表示是否可以拖拽 // debugger; var selfLeft = event.pageX - parseInt(se...
Jquery代码 代码如下: function Checked(){ //定义函数checked $(".chk").each(function(){ //遍历html中class为chk的复选框标签 if($(this).attr("checked") == true){ //如果当前复选框的checked属性为true $(this).attr("checked",false); //将该属性改为false } else{ //如果当前复选框的checked属性为false $(this).attr("checked",true); //将该属性改为true } }); if($("#lbl").html() == "全选"){ //修改label的文本为“...
淘宝,QQ,还有当当，亚马逊之类网之类的都有这个效果，原理是分段加载图片，主要用于大型网站节省带宽，可是他们提供的东西压缩混淆看不清，还有的要基于什么雅虎的什么库，总之是很麻烦的，JQ的控件倒是够清晰了，只是还是没有达到节省网络带宽的效果，于是我在JQ懒加载控件上进行一些改进，改进以后的最大的特点就是调用方便，项目中不需要什么太多更改，而且JS文件也不大。（泡泡网工！转载注明出处，谢谢） 1.给泡泡网开发控件，...
用jQuery调用其他项目的WebService 实现登录验证功能 html输入用户名密码： 代码 代码如下: Login ID: Login Password: Jquery引用和登录事件 代码 代码如下: $(document).ready(function() { $('#btnSignin').click (function() { $.ajax ( { type: "POST", contentType: "application/json", ...
CSS 代码如下: #divD{ width:300px; height:100px; background-color:#CC99FF; } Jquery代码 代码如下: $(document).ready(function(){ $("#btnFadein").bind("click",Fadein); //为btnFadein绑定click时间 $("#btnFadeout").bind("click",Fadeout); //为btnFadeout绑定click时间 }) function Fadein(){ $("#divD").slideDown("slow"); //滑入 } function Fadeout(){ $("#divD").slideUp("slow"); //滑出 } HTML 代码如下...
代码如下: /* author: liulf function: var __db_cpcj=vCpcj; var __db_cp=vCp; var vCp={"cppage":[ {"cpdh":"A01000101","page":"1","ca":"1309-36-0","mc":"硫铁矿","ename":"Pyrite","bm":"黄铁矿"}, {"cpdh":"A01000201","page":"1","ca":"1309-36-0","mc":"硫精砂","ename":"Pyrite concentrate;Sulfur concentrate","bm":""}, {"cpdh":"A01000202","page":"1","ca":"1309-36-0","mc":"硫精矿粉","ename": "Powdered pyrite ...
代码如下: var d1 =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}]; $(d1).each(function(){ alert(this.text+" "+this.value); }); 不用JQuery 代码如下: var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"} json = eval(json.options) for(var i=0; i{ alert(json[i].te...
介绍的是基于JQuery实现的一个选项卡效果，重点体现在HTML里没有内联事件处理程序，而是定义在js文件里，做到行为与结构的分离。在实际应用过程中，只 要保证选项卡模块结构代码的完整性，就可以任意添加N个同类选项卡，不需要手动在HTML里绑定事件处理程序以及给要隐藏显示的内容层添加ID。 在这里，我又做了部分的修改，增加了选项卡可自动切换功能，以及选项卡点击相应还是鼠标放上后相应的参数，同时依然支持多次调用。 现在，...