现在的位置: 首页 > 综合 > 正文

Jquery的一些知识点

2018年05月21日 ⁄ 综合 ⁄ 共 717字 ⁄ 字号 评论关闭

1.删除(table->tr->td-><a>删除</a>)当前行

 
<a href="javascript:;" onclick="delRow(this)">删除</a>

<script>

function delRow(alink)

{

     $(alink).parent().parent().remove();//alink表示a的DOM对象,他的父级是td,td的级是tr。同理试用于div等任何DOM元素

}

</script>

2.上移,下移(table->tr->td-><a>上移</a>)

<a href='javascript:;' onclick="moveUp(this)">上移</a>

function moveUp(alink)

{

    var tr = $(alink).parent().parent();//tr即TR对象

    tr.prev().before(tr);//在当前tr对象前一个tr中写入当前tr的对象就是把当着这行写到前面一行。下移原理类似,将当前行写到下一行的后面after(tr)

}

3.jquery触发事件

mouseover。如果执行触发事件的容器中还包含另外一个元素的话,则在该容器中任意移动都会重复加载该函数。解决办法详见http://www.qiqiboy.com/2011/01/19/javascript-mouseover-and-mouseout.html。

mouseenter。是鼠标穿过该区域的时候触发。和mouseover的区别,详见http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseenter_mouseover

抱歉!评论已关闭.