-
拖曳排序插件——sortable 拖曳排序插件的功能是将序列元素（例如<option>、<li>）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，它的调用格式为： $(selector).sortable({options}); selector参数为进行拖曳排序的元素，options为调用方法时的配置对象， $(function () { $("ul").sortable({ delay:2, opacity:0.35 }) });查看全部
-
放置插件——droppable 除使用draggable插件拖曳任意元素外，还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中，类似购物车效果，调用格式如下： $(selector).droppable({options}) selector参数为接收拖曳元素，options为方法的配置对象，在对象中，drop函数表示当被接收的拖曳元素完全进入接收元素的容器时，触发该函数的调用。 var sum=0; $(function () { $(".drag").draggable(); $(".cart").droppable({ drop: function () { $(this) .addClass("focus") .find("#tip").html(""); $(".title span").html(sum); } }) });查看全部
-
Buhui ...查看全部
-
调用show()和hide()方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为： $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函数名。 $(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show("fast",function(){ $("h4").css('color','red'); }); $("#hidval").val(1); } else { $("ul").hide("slow",function(){ $("h4").css('color','black'); }); $("#hidval").val(0); } }); }); show()和hide()都有两个参数可以使用查看全部
-
out是拉出去的动作查看全部
-
拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 addClasses: 设置是否添加ui-draggable样式. appendTo: 设置追加到什么地方 axis: 设置拖动的方向 cancel, handle: 设置控制整个控件拖动动作的区域, cancel指定区域不能拖动, handle指定区域控制控件拖动. connectToSortable: 需要和sortable集成. containment: 设置控件可拖动范围 cursor, cursorAt: 设置拖动过程中, 鼠标的样式及相对空间自身的位置. delay, distance: 设置拖动的延迟, delay设置延迟时间, distance设置延迟距离, 目的是防止误点击带来的不期望拖动. grid: 设置拖动过程移动的单位(以小格的方式移动) helper: 设置拖动过程中, 跟随鼠标移动的组件. iframeFix: 解决拖动过程中与iframe层叠后的事件问题. opacity: 拖动过程helper的不透明度. refreshPositions: 设置后drop过程中, 鼠标每次移动都会计算位置. revert, revertDuration: 设置撤销移动相关. scope: 设定draggable的域, 用来和droppable结合使用时确定可放入的目标. scroll, scrollSensitivity, scrollSpeed: 设置拖动过程中带来的滚动条相关问题. snap, snapMode, snapTolerance: 设置吸附的相关属性. stack, zIndex: 设置控件的层次.查看全部
-
$.ajax()查看全部
-
$("#frmV").validate( { /*自定义验证规则*/ rules: { email:{ required:true, email:true } }, /*错误提示位置*/ errorPlacement: function (error, element) { error.appendTo(".tip"); } } );查看全部
-
/*自定义验证规则*/ rules: { email:{ required:true, email:true } }, /*错误提示位置*/ errorPlacement: function (error, element) { error.appendTo(".tip");查看全部
-
$("#frmTest :input")之一frmTest后面有空格查看全部
-
val()//从左到右查找出不为字符串的字符查看全部
-
<script> $(function(){ var obj = [{name:"leo",score:20}, {name:"sam",score:25}]; $("#load").bind("click",function(){ $.each(obj,function(index,data){ $("ul").append("<li>" + data.name + ":" + data.score + "</li>"); }) }) }) </script> <body> <input id="load" type="button" value="加载" /> <ul></ul>查看全部
-
ready()事件类似于onload()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是等价的：$(document).ready(function(){})==$(function(){}).查看全部
-
拖曳插件——draggable 拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 $("#x").draggable({containment:"parent",axis:"x"}) $("#y").draggable({containment:"parent",axis:"y"})查看全部
-
自定义类级别插件—— twoaddresult 通过调用自定义插件twoaddresult中的不同方法，可以实现对两个数值进行相加和相减的运算，导入插件后，调用格式分别为： $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果，p1和p2为任意数值。查看全部
举报
0/150
提交
取消