其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但体积小而且使用方便，我现在逐渐将系统中使用Extjs实现的代码或组建全部更换成Jquery来实...
操作下拉框[Select] 1. $("#seelctId").append(""+text+"");//给下拉框增加 一下option选项 (ddlSayTo这是下拉框的ID) $("#seelctId").val(optionval);//选中刚才增加的option 2. $("#seelctId option:selected").text();//得到当前选中的选项的文本值 $("#seelctId").val();//得到当前选中的选项的option值
前台: upload.htm 代码如下: upload var TfileUploadNum = 1; //记录图片选择框个数 var Tnum = 1; //ajax上传图片时索引 //增加上传按钮 function TAddFileUpload() { var idnum = TfileUploadNum + 1; var str = ""; str += "图片" + idnum + ":"; str += ""; str += ""; str += ""; $("#loadimage").append(str); TfileUploadNum += 1; } //开始上传 function TSubmitUploadImageFile() { document.getElementById(...
通过事件的which可以找到键码 不过当有组合键的时候还需要注意一下 如ctrl+enter键，虽然都是用e.ctrlKey但是 enter键的键码不是始终为13了 在ff中 判断 ctrl+enter 是 e.ctrlKey && e.which ==13 在ie6中 判断ctrl+enter 是 e.ctrlKey && e.which ==10 示例： 代码如下: $(document).keypress(function(e){ if(e.ctrlKey && e.which == 13 || e.which == 10) { $("#btn").click(); } else if (e.shiftKey && e.which==13 || e.wh...
其中一种办法是改变页面元素的CSS类(Class)，这在传统的Javascript里，我们通常是通过处理HTML Dom的classname特性来实现的；而jQuery里提供三种方法来实现这个功能，虽然它们和传统方法的思想相通，但是却节省了许多代码。还是那句话 - “jQuery让JavaScript代码变得简洁！” 1. addClass() - 添加CSS类 代码如下: $("#target").addClass("newClass"); //#target 指的是需要添加样式的元素的ID //newClass 指的是CSS类的名称 2....
查了一下jq的官方插件编写文档（http://docs.jquery.com/Plugins/Authoring）以及文档中推荐的Mike Alsup写的一篇A Plugin Development Pattern。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白这样功能在网页上是非常肠炎宁个的，不论前台后台。 在这，我首先提供了3个参数用于...
jQuery提供两种实现这种功能的方法 – text()和html()。text()是对纯文本的处理；html()和text()相似，不同的是它还支持HTML代码。 代码如下: //设置ID为"b5_a"段落的内容为"这是新加入的文本信息"; $(#b5_a").text("这是新加入的文本信息"); //在ID为"b5_b"的div里加入一段html代码； $("#b5_b").html("新加入一个html段落"); 有时我们要读取页面的内容，这也可以用text()和html()来实现。同样，使用text()得到的是纯文本；使用...
Option1 Option2 Option3 Option4 1. 取得jQuery对象 obj = $('#select1'); 2. 取得Options 的长度 len = $('#select1 option').length 3. 遍历option for (var i = 0; i option_value = obj[0].options[i].value; option_text = obj[0].options[i].text; } 4. 取得所选值 obj_value = $('#select1').val(); 5. 取得所选值对应的text obj_text = obj[0].options[obj[0].selectedIndex].text; 6. 添加一个option obj.append('Optio...
基于jquery的锁定弹出层 这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法： 代码如下: //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV"},{"idObj":window,"eventName":"resize" , "doMethod":"RESIZE_WINDOW"}]; qihoo_effect_maskDiv.showMaskDiv("...
代码如下: get value: number last name first name 2 xing ge 3 xingad gead 4 xingxing ge number last name first name 接下来我们写点JS代码实现这个功能： 代码如下: $(document).ready(function(){ $("#inputname").focus(function(){ //alert(focus); $("#getvalue").css("display",block)//显示表格 .addClass(hover) .find(table tr).dblclick(function(){//双击表格tr var text=$(this).find("t...
jQuery对象和DOM对象相互转化 jQuery对象和DOM对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；例如$("#img").attr("src","test.jpg"); 这里的$("#img")就是jQuery对象； DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：document.getElementById("img").src="test.jpg";这...
先看HTML,我们引用Jquery,放两个DropDownList: 代码如下: #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; } 接着写核心的Script: 代码如下: $(function() { var $ddl = $("select[name$=ddlEmployee]"); var $ddlCars = $("select[name$=ddlEmployeeCars]"); $ddl.focus(); $ddl.bind("change keyup", function() { if ($(this).val() != "0") { loadEmployeeCars($("select option:s...
代码如下: 1 2 3 4 全选/取消全选 $(function() { $("#checkedAll").click(function() { if ($(this).attr("checked") == true) { // 全选 $("input[name='checkbox_name[]']").each(function() { $(this).attr("checked", true); }); } else { // 取消全选 $("input[name='checkbox_name[]']").each(function() { $(this).attr("checked", false); }); } }); }); // JavaScript教程/参考手册 JavaScript热搜 vue2.0...
代码如下: 无标题文档 h1{ font-size:180%; font-weight:normal; color:#555; } a{ text-decoration:none; color:#f30; } p{ clear:both; margin:0; padding:.5em 0; } pre{ display:block; font:100% "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; overflow:auto; width:800px; } /* tooltip的样式 */ #tooltip{ position:absolute; border:1px solid ...
其实我本来的计划是做网页设计师的，可是没有人认为我设计的好，哥到现在还没有工作，发泄一下，不多说了。 效果图需要用到的图片： 背景图片：进度显示图片：网页结构： 代码如下: css代码： 代码 代码如下: #center{ margin:50px auto; width:400px; } #loading{ width:397px; height:49px; background:url(bak.png) no-repeat; } #loading div{ width:0px; height:48px; background:url(pro.png) no-repeat; color:#fff; ...