jquery的相关应用

aspx中的表单验证 jquery.validate.js 的使用以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)

这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲上面是效果,下面来说使用步骤 jQuery.Validate为我们提供了3种验证编写方式,各有优缺点: 1.在input对象中书写class样式指定验证规则或属性验证规则: 如<input type="text" class="required"/> 最简单.最便捷,提示消息使用jQuery.Validate的…

Jquery Validate 相关参数

Jquery Validate 相关参数 //定义中文消息 var cnmsg = { required: “必选字段”, remote: “请修正该字段”, email: “请输入正确格式的电子邮件”, url: “请输入合法的网址”, date: “请输入合法的日期”, dateISO: “请输入合法的日期 (ISO).”, number: “请输入合法的数字”, digits: “只能输入整数”, creditcard: “请输入合法的信用卡号”, equalTo: “请再次输入相同的值”…

jquery checkbox相关 prop方法

jquery checkbox相关 prop方法 firefox中 checkbox属性checked="checked"已有,但复选框却不显示打钩的原因复选框绑定了click事件,点一次选中,再点击取消选中,依次类推.这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选. 正…

jquery easyUI相关

jquery easyUI相关===================================easyUI表单验证处理//jquery easyUI 表单验证不通过让光标定位在第一个未通过验证的input上提示用户.if(!validateXXXX()){ console.log("validate"); $("#BoxDivID input").each(function(){ if($(this).hasClass("validatebox-in…

Jquery DataTables相关示例

一.Jquery-DataTables DataTables 是jquery的一个开源的插件.它具有高度灵活的特性,基于渐进增强的基础,可以为任何表格添加交互.它特性如下: 提供分页,搜索和多列排序: 支持所有类型的数据源: DOM,javascript,Ajax和服务器端的处理: 简洁的主题,DataTables,JQuery UI,Bootstrap,Foundation: 支持各种扩展,包括编辑器, 表格工具, 固定列等: 丰富的可配置选项.富有表现力的api: DataTabels下载地…

CSS与JQuery的相关问题

文字隐藏:p div里面的文字过长时隐藏文字: overflow:hidden; text-overflow:ellipsis; white-space:nowrap; --------------------------------------------------------------- CSS画图 : 圆形:立体效果 border-radius:50%; height:80px; background-image: -moz-radial-gradient(45px 45px 45de…

JQuery --- 第三期 (jQuery事件相关)

个人学习笔记 1.JQuery事件绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQuery事件绑定</title> <script src="../jquery-1.12.4.js"></script> <script> $(functio…

1.jQuery获取鼠标事件源(万能) 1 //任意位置 2 3 $(document).ready(function(){ 4 5 $(document).click(function(){ 6 $("#id_").hide(); 7 }); 8 9 }); 10 11 //是否获得焦点: 12 13 if($("#mybtn").is(":focus")){ 14 doSomethingHere(); 15 } 这种方式适用于任何地方,特别是…

MVC4 AspNet MVC下的Ajax / 使用JQuery做相关的Ajax请求

源码参考:链接:http://pan.baidu.com/s/1pKhHHMj 密码:mkr4 1:新建-->项目-->Web-->ASP.NET MVC 4 Web 应用程序.命名为:Mvc4JQueryAjaxDemo 2:新建控制器:在Controllers文件夹上右键-->添加-->控制器,命名为:HomeController (HomeController .cs) 3:在控制器HomeController中新增Action: GetDate() using S…

jquery及相关兼容插件的版本搭配

1.jquery1.11.0 + jquery.validate.1.9.0.js + jquery.ui.1.10.4.js…

Jquery Validate 相关参数及常用的自定义验证规则

一.官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 二.默认校验规则 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 (1) required:true 必输字段 (2) remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值 (3) email:true …

Jquery table相关--工时系统

1.jquery 的弹出对话框,单击事件之后 if (confirm("确定要删除?")) { // //点击确定后操作 } 2.对某个table中的checkbox是否被选中的遍历 $("#dg").find(":checkbox:checked").each(function () { //循环table中,被选中的Checkbox }) 3.获取table中被选中的checkbox的value值 $("#dg").fin…

jQuery - DOM相关

1. 操作文本 console.log($("#t1").html()); // 获取span元素中的内容, 包含html标签 $("#t1").html("<h3>World</h3>"); // 修改span中的内容, 会解析html标签 console.log($("#t1").text()); // 修改span中的内容, 不包含html标签 $("#t1").text(&q…

jQuery - 事件相关

jQuery checkbox相关

搬家来的~~~ $('#checkbox').attr('checked'); 返回的是checked或者是undefined解决办法分类: Jquery2014-03-18 17:10 5523人阅读评论(6) 收藏举报 $('#checkbox').attr('checked'); 返回的是checked或者是undefined,不是原来的true和false了,有关此问题的解决方法如下在JQ1.6之前的版本,我们会这样写我们的代码: <input type='checkbox' …

jquery的相关用法

选择器基本选择器1.id选择器$('#id1')找到id为id1 的标签2.class选择器$('.class1')找到class中有class1这个类的标签3.标签选择器$('tag') 找到tag标签4.标签+class$('div.class1') 找到class中有class1这个类的div标签5.组合选择器$("#id, .className, tagName") 基本筛选器对选择的标签进行条件筛选$('div:first')$('div:last')$('div:odd'…

jquery 的相关 width 和 height 方法辨析

width() 设置或返回元素的宽度(不包括内边距.边框或外边距). height() 设置或返回元素的高度(不包括内边距.边框或外边距). innerWidth() 返回元素的宽度(包括内边距). innerHeight() 返回元素的高度(包括内边距). outerWidth() 返回元素的宽度(包括内边距和边框). outerHeight() 返回元素的高度(包括内边距和边框). outerWidth(true) 返回元素的宽度(包括内边距.边框和外边距). outerHeight(tru…

jQuery - 动画相关

// 显示隐藏 $("div").show(); // 显示 $("div").hide(); // 隐藏 // 显示过程3秒, 3秒之内, 元素的宽,高和透明度会变化 $("div").show(3000); // 淡入淡出 (透明度变化) $("div").fadeIn(); // 淡入 $("div").fadeOut(3000); // 淡出, 用时3秒 // 滑入滑出, (改变高度) $(&quo…

jQuery的相关尺寸获取 - 学习笔记

获取元素相对于文档的偏移量获取当前元素相对于父级元素的偏移量获取文档滚动距离获取元素的宽度和高度设置元素的宽度和高度获取可视区域的宽度和高度获取文档的宽度和高度获取元素相对于文档的偏移量 var pos = $('#small').offset(); console.log(pos.left); console.log(pos.top); 获取当前元素相对于父级元素的偏移量 var l = $('#small').position().left; var t = $('#small…

理解jQuery对象$.html

前面的话如果要比喻jQuery和原生javascript的关系,我个人认为是自动档和手动档汽车的区别.使用原生javascript,可以知道离合器以及档位的作用:而使用jQuery,则把离合器和手动档位封装到函数,直接前进.后退或驻车即可.所以,熟练使用原生javascript,再去使用jQuery是一个很自然的步骤.从本文开始,将陆续介绍jQuery的相关内容,并给出相关的原生javascript实现.接下来,将详细介绍jQuery对象$ $对象说起jQuery,最明显的标志,毫无疑问,就…

jQuery基础的工厂函数以及定时器的经典案例

1. jQuery的基本信息: 1.1 定义: jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装, 1.2 作用: 许多使用JavaScript能实现的交互特效,使用jQuery都能完美地实现,下面通过五个用途来更多的了解. 1.2.1 访问和操作DOM元素 1.2.2 制作页面样式 1.2.3 对页面时间的处理 1.2.4 方便地使用jQuery插件 1.2.5 与Ajax的完美结合 1.3 优势: 想必有人就会问了:为什么人们会更多的选择jQue…

利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件

表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验.网上有很多成熟的表单校验框架,虽然按照它们默认的设计,用起来没有多大的问题,但是在实际工作中,表单校验有可能有比较复杂的个性化的需求,使得我们用这些插件的默认机制并不能完成这些功能,所以要根据自己的需要去改造它们(毕竟自己还不到那个写一个完美的校验框架的层次).我用过formValidation这个校验框架,虽然它跟bootstrap配合地很好,但是校验风格太死板,不太满足个性化的场景:后来我找到了jquery.val…

jquery数组删除指定元素的方法:grep()

jquery数组删除指定元素的方法:grep() 金刚数组 jquery javascript 元素遇到的问题今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组. 我定义的js数组是这样的: var sexList=new Array[3]; sexList[0]="1"; sexList[1]="2"; sexList[2]=""; 想达到的效果我想达到的效果是这样的: 删除索引=1的元素,并返回新数组. 返回的结果是: var…

jquery动态删除html代码

1.remove() remove()方法移除被选元素,包括所有的文本和子节点. 语法:$(selector).remove() 当我们想将元素自身移除时我们用 .remove(),同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据. 该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素. 但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据.其他的比如绑定的事件.附加的数据等都会被移除. 例子1:(移除数…

精通jQuery选择器

虽然jQuery上手简单,相比于其他库学习起来较为简单,但是要全面掌握,却不轻松.因为它涉及到网页开发的方方面面,提供的方法和内部变化有上千种之多.初学者常常感到,入门很方便,提高很困难.本文的目标是将jQuery选择器做一个系统的梳理,试图理清jQuery的设计思想,找出学习的脉络,使读者从入门到精通. jQuery是什么简单的说,jQuery是一个JavaScript框架,它的宗旨是:写更少的代码,做更多的事情.对于Web开发人员而言,jQuery是一个功能强大的JavaScript库,能…

jQuery点缩略图显示大图片

2015年繁忙的一月份,无更多时间去学习ASP.NET MVC程序,二月份又是中国的新年,长达半个月的假期,望回到老家中,在无电脑无网络的日子里,能有更多时间陪伴年迈的父母亲. 今天学习jQuery的相关知识,应用到图片上,用户点一点图片,放大显示图片功能. 创建一个控制器FebY15Controller: 接下来创建视图Index: 标记1,添加图片样式: 标记2,添加htm代码,原片显示以及放大图片的占位div标签: 标记3,引用jQuery类库. 标记4,编写jQuery程序: 下面是动态…

C# Web Forms - Using jQuery FullCalendar

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel='stylesheet' type='text/css' href='http://arshaw.com/js/fullcalendar/fullcalendar.css' /> <script type='text/javascript' src='http://ar…

jquery.Deferred promise解决异步回调

我们先来看一下编写AJAX编码经常遇到的几个问题: 1.由于AJAX是异步的,所有依赖AJAX返回结果的代码必需写在AJAX回调函数中.这就不可避免地形成了嵌套,ajax等异步操作越多,嵌套层次就会越深,代码可读性就会越差. $.ajax({ url: url, data: dataObject, success: function(){ console.log("I depend on ajax result."); }, error: function(){} }); consol…

jquery JSON的解析方式

第一次用JSON作为jquery异步请求的传输对象,结果在jquery请求后返回的结果是字符串还是json对象上折腾了半天.等到问题解决了,也大致明白怎么个意思了,归根结底还是对jquery对相关json对象获取的理解有所偏差. 这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明. 这里首先给出JSON字符串集,字符串集如下: 代码如下: var data=" { root: [ {name:'1',…

知问前端——概述及jQuery UI

知问系统,是一个问答系统.主要功能:即会员提出问题,会员回答问题.目前比较热门的此类网站有:知乎http://www.zhihu.com.百度知道http://zhidao.baidu.com等.这里我们重点参考“知乎”,来学习一下它采用的前端效果. 项目介绍我们重点仿照“知乎”的架构模式来搭建界面和布局,以及大部分前端功能.而“百度知道”作为辅助功能来确定我们这个项目需要的前端功能. 从以上知名问答站点中,我们可以确认最主要的前端功能:1.弹出对话框:2.前端按钮:3.折叠菜单:4.选项卡切…

【jquery的相关应用】的更多相关文章