-
<script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON("http://www.imooc.com/data/sport.json",function(dat){ $this.attr("disabled", "true"); $.each(dat, function (index, sp) { if(index==3) $("ul").append("<li>" + sp["name"] + "</li>"); }); }); }) }); </script> 这样也可以，说明data和sport是自定义的，只是json的数据格式要求必须有这两个参数，不是很懂。。。查看全部
-
调用clone()方法可以“生成”一个被选元素的副本，即复制了一个被选元素，包含它的节点、文本和属性，它的调用格式为： $(selector).clone();参数selector可以是一个元素或HTML内容。查看全部
-
拖曳排序插件的功能是将序列元素（例如<option>、<li>）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，它的调用格式为： $(selector).sortable({options}); selector参数为进行拖曳排序的元素，options为调用方法时的配置对象 <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("ul").sortable({ delay:2, opacity:0.35 }) }); </script>查看全部
-
传入data查看全部
-
除使用draggable插件拖曳任意元素外，还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中，类似购物车效果，调用格式如下： $(selector).droppable({options}) selector参数为接收拖曳元素，options为方法的配置对象，在对象中，drop函数表示当被接收的拖曳元素完全进入接收元素的容器时，触发该函数的调用。 <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(".drag").draggable(); $(".cart").droppable({ drop: function () { $(this) .addClass("focus") .find("#tip").html(""); } }) }); </script>查看全部
-
$(selector).before(content)和$(selector).after(content) 其中参数content表示插入的内容，该内容可以是元素或HTML字符串。 $($html).appengdTo("div"); //插<div>中 $("div").before($html); //插<div>之前 $("div").after($html); //插<div>之后查看全部
-
$(function () { $("#btntest").bind("click", function () { $("div").toggle();//实现div的隐藏与显示 }) });查看全部
-
1、toggle() 方法当它没有参数时，它只有隐藏和显示的功能，必须要配合bind（）方法来绑定事件（可以是click,也可以是mouseout……），就是需要一个动作来触发这个toggle()方法,以达到显示or隐藏被选中元素的功能。2、当它是这种形式toggle(fun1,fun2,funN……)作为绑定多个函数的方法来用时，它本身就具备了click点击触发相应函数的功能了,点击相应的元素后会依次执行fun1,fun2,funN……这些个函数查看全部
-
$(content).appendTo(selector) 参数content表示需要插入的内容，参数selector表示被选的元素，即把content内容插入selector元素内查看全部
-
append里面参数可以是字符，可以是html元素标记，还可以是一个返回字符串的函数查看全部
-
使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能，前者方法中参数表示移除属性名，后者方法中参数则表示移除的样式名.查看全部
-
toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下： $(selector).toggle(fun1(),fun2(),funN(),...) 其中，fun1，fun2就是多个函数的名称查看全部
-
<script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#x").draggable({ axis: "x"}); $("#y").draggable({ axis: "y"}); }); </script>查看全部
-
拖曳插件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: 设置控件的层次.查看全部
-
$(selector).hover(over，out); over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。 $(function () { $("div").hover( function () { $(this).addClass("orange"); }, function () { $(this).removeClass("orange") }) });查看全部
举报
0/150
提交
取消