`
htj1231825
  • 浏览: 38523 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery的appendto()移动

阅读更多
 var $self = obj.find("ul:first"); 
   		 var lineHeight = $self.find("li:first").height(); //获取行高
   		 $self.animate({ "marginTop" : -lineHeight +"px" }, 600 , function(){
         $self.css({marginTop:0}).find("li:first").appendTo($self); //appendTo能直接移动元素

如果是选择的元素,追加就是移动
如果是新的元素如$("<li>1</li>").appendto($self)则是添加。
分享到:
评论

相关推荐

    musicbox-webclient:只是 Wouter van Wyks PiMusicbox webclient for MPD 的视觉改造

    只是 Wouter van Wyks PiMusicbox webclient for MPD 的视觉改造,基本上只是使用 jquery appendTo 移动一些元素,以便您在大屏幕浏览器和移动设备中获得最佳布局,css 调整为更暗的主题。 从原始网络客户端添加 可...

    jQuery实现下拉框左右移动(全部移动,已选移动)

    本文主要介绍jQuery中利用appendTo()方法追加元素已实现左右移动的功能,希望对大家有所帮助。

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    JQuery实现鼠标移动到图片上显示边框效果

    代码如下: 以下为程序代码:&lt;!...head&gt; [removed][removed] [removed] $(function() { $(“.v”).mouseover(function() { var x = $(“’vs’&gt;”); x.appendTo($(‘body’)); x.css({ width : $(this).width() –

    append和appendTo的区别以及appendChild用法

    append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象 实例: $(‘#a’).append(‘content’); $(‘&lt;div&gt;content’).appendTo($(‘#...

    jQuery实现Select左右复制移动内容

    双击也可以移动 [1].[代码] [removed] $(function(){ //移到右边 $("#add").click(function(){ //获取选中的选项,删除并追加给对方 $("#select1 option:selected").appendTo("#select2"); }); //移到左边 $("#...

    jQuery网格布局图片自由拖动排序代码.zip

    }).appendTo(".item_container") ; this.drag() ; }, this.move = function(callback) { // 移动 $(this).stop(true).animate({ left : this.box.offset().left, top : this.box.offset().top }, 500, ...

    有关jquery与DOM节点操作方法和属性记录

    网上找了份jquery的操作节点方法清单。如下: 方法 源包装集/字串 目标包装集体 特性描述 A.append(B)       B       A 若目标包装集只匹配一个元素,则源(也包括同源包装集匹配的所有...

    jQuery 仿必应的首页效果

    &lt;script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt; *{margin:0;padding:0;list-style:none} body{background:#B2BDC4; font-size:12px} .mbox{margin:100px ...

    jQuery中append、insertBefore、after与insertAfter方法注意事项

    这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂。如下: 方法 源包装集/字串 目标包装集体 特性描述 A.append(B)       B       A 若目标包装...

    BoxDrawr:用鼠标绘制框的 HTML 容器

    概括 该库允许您构建一个画布,用户可以在其中绘制框... 绘图:在绘图时(鼠标移动) endbox :结束绘图时(鼠标向上) 例如: $drawr . bind ( "endpath" , function ( evt , x , y ) { points = $ ( this ) . da

Global site tag (gtag.js) - Google Analytics