【jQuery判断自定义属性data-val用法示例】教程文章相关的互联网学习教程文章

jquery validate添加自定义验证规则(验证邮箱 邮政编码)

jQuery:validate添加自定义验证 jQuery.validator.addMethod添加自定义的验证规则 addMethod:name, method, message 简单实例:单个验证的添加代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>validate.j...

jquery实现可拖动DIV自定义保存到数据的实例

看到一个不错的jquery插件,可拖动DIV,顺序可保存到数据库的一个实例:这里就以其中PHP实例简单说明一下: 代码如下:<?php //post到后台的数据 if ($_POST) { $ids = $_POST["ids"]; for ($idx = 0; $idx < count($ids); $idx+=1) { $id = $ids[$idx]; $ordinal = $idx; //... } return; } ?> 代码如下:<!DOCTYPE html PUBLIC "-//W3C/...

Jquery ajax执行顺序 返回自定义错误信息(实例讲解)

1.多个Ajax 在一个function中的执行顺序 由于Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了. 代码如下:function TestAjax(){ var UserName = $("#txtUserName").val(); $.ajax( { url: "AjaxCheckUserName.htm", async: false, success: function (data) { a...

使用jquery自定义鼠标样式满足个性需求【图】

1、浏览器自带的鼠标样式: 2、如果某些时候为了保持鼠标样式的统一,或者想指定特定的鼠标样式该怎么办呢? 代码如下:$(#divContainer).css(cursor, url(../Images/CrimeAnalysis/ThematicMap/grab.cur), move); 将移到某个div或者元素上的鼠标样式修改成某个指定的.cur文件就可以了。

html5的自定义data-*属性和jquery的data()方法的使用示例

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属...

jquery自定义类似$.ajax()的方法实现代码

热腾腾的代码: 代码如下:<script type="text/javascript"> $.extend({ testgogo: function (options) { var defaults = { name:"Charles", year:"22", say:"Sandy is so beautiful!" }; var opts = $.extend(defaults, options); alert(defaults.name+"说:"+defaults.say); } }); $.testgogo({ }); </script>

JQuery的自定义事件代码,触发,绑定简单实例

自定义事件触发   代码如下:  $ event.trigger(“myEventName”);  自定义事件绑定  下面的代码创建了一个绑定到自定义事件和自定义事件触发时将被执行。 代码如下:  $(this).bind("myEventName",function(){  alert("myEventName triggered");  });

利用div+jquery自定义滚动条样式的2种方法

最近做项目中有一个模块是用于实时监控的,左边有个菜单栏用于显示所有的设备,那当然是从数据库中动态获取的了,右边是个iframe用于显示监控画面。本来这个功能并不复杂,左边的菜单项是利用dtree.js来实现的,可时当功能实现完成之后,却发现一个问题,就是左边菜单栏中的设备名有的会很长,会超出了div的长度,准确说是左边iframe的宽度和长度不够。那么,这时就必须要利用滚动条了,可以设置左边菜单项div的overflow-x:auto;ov...

JQuery+DIV自定义滚动条样式的具体实现

JQuery计算滚动条长度和位置,代码如下: javascript 代码如下:<script type="text/javascript"> var scrMinHeight = 1; //滚动条最小高度 var scrMaxHeight = 0; //滚动条最大高度 var scrDefualtTop = 80; //滚动条默认位置 var scrHeight = 0; //初始化滚动条 function InitScroll() { scrMaxHeight = $("#mainScrollContent").height(); //文本框高度 scrHeight = document.getElementById("...

jquery自定义属性(类型/属性值)

代码如下:<script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { var ping = ; switch ($(#Select3 option:selected).text()) { case 图片: ping += <img; break; case 文本框: ping += <input type=text; break; case 按钮: ping += <input type=button; break; } $(#attrzhi).blur(function () { ping += ; ping += $(#Select2 option:selected).text(); ping += =...

jquery获取自定义属性(attr和prop)实例介绍【图】

$("form").attr("check"); $("form").prop("check"); 两种都可以,不过新版jquery推荐第二种,两个在其他方面都差不多,我发现的唯一不同就是在checkbox上的时候,需要用prop,不然IE浏览器会不兼容 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <scripttype="text/javascript"src="/js/jq1.3.2.js"></script> </head> <body> <divlang="rrery"> </div> <divdata-url="rrery"> </...

Jquery 自定义动画概述及示例

animate(params, options) 返回值:jQuery 概述 用于创建自定义动画的函数。 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如“height”、“top”或“opacity”)。注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属性就会从当前的值渐变到指定的值。如果使用的是“hide”、...

自定义jQuery选项卡插件实例

代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>jQuery自定义选项卡插件</title><style>body, ul { padding:0; margin:0; }li { list-style:none; }#tabs { zoom:1; }#tab:after { content:""; display:block; clear:both; }#tabs li { float:left; padding:10px; col...

Yii-自定义删除确认弹框(zyd)jquery实现代码【图】

1.链接 代码如下:<?php echo CHtml::link(Yii::t(cmp,Delete),javascript:,array(class=>c_06c,onclick=>return art_del_confirm("/company/msglog/delete/id/.$data->zml_id.","你确定要删除这条消息吗?")))?> 2.jq 代码如下:<script> //单项删除确认框 function art_del_confirm(url,message){ message = message?message:你确定要删除这条数据吗?; art.dialog({ title: 确认删除, okValue:确认, cancelValue:取消, width: ...

当自定义数据属性为json格式字符串时jQuery的data api问题探讨

jQuery 的 data API 实现方式有缓存数据的效果 使用 IE 7 (IE8+ 在控制台切换至IE7 模式),当DOM 节点有自定义数据属性时,检查 DOM 节点即可看到 形如 jQuery18305664906559272507 的属性,这便是 用于从数据存储对象中获取自定义数据的建。当自定义数据属性是一个 json 格式字符串时,缓存的数据如果被修改, 则修改后的数据继续存在于缓存系统中, 如果不留意,这可能导致一些BUG 代码如下:<!DOCTYPE HTML> <html> <head> <s...