`
dengwenwei121
  • 浏览: 40939 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
文章分类
社区版块
存档分类
最新评论

jquery项目中常用的方法和jquery插件

 
阅读更多


//全选 全不选

 //全选 全不选
$(document).ready(function () {
     $("#checkedAll").click(function () {
     if ($(this).attr("checked")) { // 全选
         $("input[name='zydName']").each(function () {
             $(this).attr("checked", true);
         });
     }else { // 取消全选
         $("input[name='zydName']").each(function () {
             $(this).attr("checked", false);
         });
     }
     });
 });
jquery获取复选框的值:

function jqchk(){  //jquery获取复选框值
	  var s='';
	  $('input[name="zydName"]:checked').each(function(){
	    s+=$(this).val()+',';
	  }); 
	  if(s.length>0)
	   {
		  s=s.substring(0,s.length-1);
		  location.href="$!webPath/usercenter/show/res/downAll.htm?ids="+s+"";
	   }
	  else
	  {
		  alert("请选中需要下载的资源单!");
	  }
 }

属性当前页面:

//刷新页面
      function  shuaxin()
      {
          window.location.reload(); 
      }

//上传验证
$(document).ready(function(){
        $(":submit[id=save]").click(function(check){
            var val = $(":file[id=file]").val();
            if(val==""){
                alert("不能上传空的文件!");
                $(":file[id=file]").focus();
                check.preventDefault();//此处阻止提交表单
            }else{
               var valtype=val.substring(val.length-3,val.length);
                valtype=valtype.toLowerCase();
                if(valtype!="xls")
                {
                    alert("只能上传xls文件");
                    $(":file[id=file]").focus();
                    check.preventDefault();//此处阻止提交表单
                }
            }
        });
    });
post请求:

	     jQuery.post("$!webPath/tdatamtl/price_validate.htm",
							{"dt" : dt,
			    	         "producer":producer,
			    	         "falgs":"coke"
			    	         },
							function(data) {
						      if(data == "true"){
							  alert("根据日期、分类、品种、产地查了一下,这个数据已经存在了!");
						    }else {
						   $("#theFrom").submit();
						}
					}, "text");

ligerui弹出窗口:

<pre name="code" class="javascript"><script src="jquery-1.6.2.js"></script>
<link href="ligerui-all.css" rel="stylesheet" type="text/css" /><link href="ligerui-form.css" rel="stylesheet" type="text/css" /><link href="ligerui-icons.css" rel="stylesheet" type="text/css" /><script src="base.js" type="text/javascript"></script><script src="ligerForm.js" type="text/javascript"></script><script src="ligerDialog.js" type="text/javascript"></script>


addDatesDialog = $.ligerDialog.open({
url :"$!webPath/tdatamtl/category_Addskip.htm?falg="+falg+"&categoryId="+categoryId+"",
title : titles,
height : 500,
width : 600,
isResize : false
});


日期控件:


<pre name="code" class="javascript"><pre name="code" class="javascript"><script src="jquery-1.6.2.js"></script>
<script language="JavaScript" type="text/javascript" src="WdatePicker.js"></script>


<span class="webname"> <input style="width: 100px;" value="$!beginTime" type="text" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" readonly="readonly" name="beginTime" id="beginTime"/>- <input style="width: 100px;" value="$!endTime" type="text" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
 readonly="readonly" name="endTime" id="endTime"/> </span>


表单验证控件:

<script src="jquery-1.6.2.js"></script>
<script src="jquery.validate.min.js"></script>
<pre name="code" class="javascript">jQuery(document).ready(function(){
	    var portNames="$!obj.portName";
		 function DataLength(fData)
			{
			    var intLength=0;
			    for (var i=0;i<fData.length;i++)
			    {
			        if ((fData.charCodeAt(i) < 0) || (fData.charCodeAt(i) > 255))
			            intLength=intLength+2
			        else
			            intLength=intLength+1
			    }
			    return intLength;
			}
			$.validator.addMethod("ValueMaxlength", function (value, element, param) {
			    if(DataLength(value) > param){
			        return false;
			    }
			    return true;
			},"不能大于{0}个字符"); 
		jQuery("#theFrom").validate({
			rules:{
				portName:{
					required :true,
					ValueMaxlength : 80,
					remote : {
						url : "$!webPath/tdatamtl/port_validate.htm",
						type : "post",
						dataType : "json",
						data : {
							"portName" : function() {
								return jQuery("#portName").val();
							},
							"portNames" : function() {
								return portNames;
							}
							}
						}
				}
			},
			messages:{
				portName:{
					required:"港口名称不能为空!",
				    maxlength : jQuery.format("不能大于{0}个字符"),
					remote : "该港口名称已存在"
					}
			     }
		});
	});






分享到:
评论

相关推荐

    Jquery和jquery的常用插件

    在给定的压缩包文件中,我们发现了几个关键的jQuery插件,它们分别是zTree、Grid和Layer。这些插件进一步扩展了jQuery的功能,提供了更多实用的组件和功能,以满足Web开发中的各种需求。 1. **zTree**:zTree是一个...

    jQuery常用插件介绍/收集

    以上只是jQuery众多插件中的一部分,每个插件都有其独特的用途和优势,开发者可以根据项目的实际需求选择合适的插件进行集成。在使用过程中,了解插件的API和配置选项是关键,同时,熟练掌握jQuery的基础语法和原理...

    jquery插件库-jquery抽奖插件.zip

    以"jquery插件库-jquery抽奖插件"为例,这个插件可能包含一个旋转盘的HTML结构,结合CSS3的transform属性实现3D旋转效果。JavaScript部分则通过jQuery选择器获取元素,设置动画时间和旋转角度,然后绑定click事件,...

    jQuery插件,jQuery插件

    jQuery插件是JavaScript库jQuery生态系统中的一个重要组成部分,它极大地扩展了jQuery的核心功能,为开发者提供了丰富的功能和便捷的API,以实现各种复杂的网页交互和特效。jQuery插件通常由开发者社区创建并开源,...

    jquery常用插件

    通过查看jQuery插件的源码,我们可以学习到如何封装jQuery方法,如何利用jQuery的链式调用,以及如何组织代码使其更高效。源码中可能包含了对DOM元素的选择、操作,事件的绑定和触发,以及一些高级技巧,如延迟执行...

    JQuery插件 IP地址输入框

    "JQuery插件 IP地址输入框"就是为了解决这个问题而设计的,它允许用户在输入框中便捷地输入IP地址,并能自动进行格式化和有效性检查。 该插件特别指出目前仅支持Firefox浏览器,这可能是因为其CSS样式在其他浏览器...

    表单验证jquery插件

    **jQuery Validation Engine 插件详解** 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,...在实际开发中,结合使用其他jQuery插件和前端框架,能更好地构建出高效、友好的Web应用。

    好用清除html的jquery插件

    总结来说,这个“好用清除html的jquery插件”提供了一种高效的方法来处理和展示HTML内容,它可以帮助开发者确保内容的安全性和一致性,同时也为学习jQuery插件开发提供了实践案例。通过对插件源代码的研究,你可以...

    jQuery插件开发学习

    这篇“jQuery插件开发学习”的主题旨在帮助开发者深入理解如何利用jQuery来开发自定义插件,提高代码复用性和项目效率。下面我们将详细探讨jQuery插件开发的相关知识点。 首先,了解jQuery的核心概念是至关重要的。...

    jquery插件

    2. **多媒体播放**:jQuery插件如`jQuery.media`和`jPlayer`提供了优雅的方式来处理视频和音频播放,支持多种格式,提供自定义的播放器皮肤和控制选项,使开发者能够创建互动性强的多媒体体验。 3. **DOM操作和事件...

    jQuery分享插件.zip

    3. **初始化插件**:使用jQuery选择器找到分享按钮,并调用`$.fn.extend`中的方法来初始化插件。例如,`$('.share-button').share(options);`,`options`是可选的配置参数,可以定制分享的平台、标题、描述等信息。 ...

    网络收集100个常用的jquery特效和插件打包下载

    jQuery,作为一个广泛使用的JavaScript库,极大地简化了网页的交互性和动态功能实现。它以其简洁的API和丰富的...通过深入理解和实践这些实例,开发者可以更好地理解jQuery的工作原理,并能灵活地应用于实际项目中。

    jquery插件.rar

    在jQuery插件中,`this`通常指的是当前处理的DOM元素。在`.each()`循环中,`this`指向循环中的每个元素。如果需要在插件内部保存状态或引用,可以使用闭包保存`this`: ```javascript $.fn.myPlugin = function...

    jQuery1.3 DW插件

    **jQuery DW插件** 的核心功能是代码提示,它的工作原理是当开发者在DW中输入jQuery选择器或函数时,插件会自动列出相关的jQuery方法和属性,使得开发者可以快速选择并插入到代码中。这极大地提高了开发者的生产力,...

    jQuery工作流程步骤进度插件

    下面我们将深入探讨ystep插件的使用方法、功能特性以及如何将其集成到项目中。 首先,ystep插件的核心在于其简洁的API设计。通过调用jQuery选择器并附加相应的插件方法,可以快速初始化并配置进度条。例如,基本的...

    jquery VS中提示插件

    **jQuery与Visual Studio 2008的交互与提示插件** ...总之,结合`jquery-1.4.2-vsdoc.js`插件和必要的Visual Studio更新,开发人员可以在VS2008环境中获得流畅的jQuery开发体验,利用强大的代码编辑辅助提升开发效率。

    很好用的Jquery插件

    本文将深入探讨“很好用的Jquery插件”,并介绍几个常用插件及其简单使用方法,这对于在项目中提升用户体验具有显著帮助。 首先,jQuery库的核心优势在于它的API设计,它提供了丰富的选择器、DOM操作、事件处理和...

    sublime2 jquery插件

    通过Sublime Text 2的jQuery插件,开发者可以在编辑器中享受到专门针对jQuery语法的高亮显示,使代码更易于阅读和理解。 要安装jQuery插件,首先需要确保你已经安装了Package Control。Package Control是Sublime ...

    eclipse上支持jquery插件

    在IT行业中,开发人员经常...总之,安装并配置适合的jQuery插件对于在Eclipse中进行JavaScript和jQuery开发至关重要。通过这种方式,开发者能够在Eclipse的强大环境中,利用熟悉的工具集更高效地编写和调试jQuery代码。

Global site tag (gtag.js) - Google Analytics