jQuery DOM操作之结点转移复制

jQuery DOM操作之结点转移复制

$(‘div‘).append($(‘p‘))这样即可把p标签移动到div标签里

$(‘div‘).append( $(‘p‘).html() )是把p标签里的内容复制到div标签里

$(‘div‘).append( $(‘p‘).clone(true))是复制一份到div标签里,原来的标签还保留着

$(function(){

$(".nm_ul li").click(function(){ //当clone参数设置为true时还可以将按钮上绑定的事件一起复制到新按钮上

$(this).clone(true).appendTo(".nm_ul"); // 复制当前点击的节点,并将它追加到<ul>元素

})

});

在clone()方法中传递了一个参数true,它的含义是复制元素的同时复制元素中所绑定的事件。因此该元素的副本也同样具有复制功能。如果不希望事件也被复制,则可以这么写:$(‘div‘).append( $(‘p‘).clone())

将页面上的一个节点移动到另外一个地方可以用jq的内部和外部插入方法(append,appendTo,prepend,prependTo,after,before,insertAfter,insertBefore),直接将选中的节点传递进去就可以实现移动

$("button").click(function(){

$(this).appendTo($("#box"));

//或者用append

$("#box").append(this);

});

eclipse快捷键与系统冲突

ctrl+alt+down键默认被联想笔记本显卡屏幕翻转占用,在eclipse中就不起作用了,在设置中禁用显卡快捷键还是不行,后来把显卡屏幕翻转的快捷键修改成其他的再禁用就好了。

ztree3.5.02选中结点时报错

更新jquery版本后,使用jquery1.1.1,左键点击Tree里的节点的时候报错,虽然不影响显示,但是在chrome控制台显示报错

Uncaught TypeError: Cannot read property ‘nodeName‘ of undefined jquery.ztree.core-3.5.js:614

原因: srcElement 不规范,不符合 W3C 标准,所以在 jquery 1.9 中彻底删除了这个属性

将 代码中 var n = e.srcElement.nodeName.toLowerCase();

替换为 var n = e.originalEvent.srcElement.nodeName.toLowerCase();

替换为zTree3.5.16版本后正常。

eclipse下搜狗拼音输入法总是变成繁体

输入法设置-》修改取消简繁体切换快捷键:ctrl+shift+F

来自为知笔记(Wiz)

时间: 2024-10-05 13:38:56

jQuery DOM操作之结点转移复制的相关文章

Jquery DOM 操作列表

jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). jQuery 属性操作方法 下面列出的这些方法获得或设置元素的 DOM 属性. 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). jQuery CSS 操作函数 下面列出的这些方法设置或返回元素的 CSS 相关属性.

jquery DOM操作(一)

上一篇文章是记录了jquery中选择器的作用,这里只要记录下jquery中的DOM操作,还是按照上篇的格式来. 下面是测试用的html代码,接下来DOM的操作会在下面的代码下进行. 1 <body> 2 <p>你最喜欢的水果是?</p> 3 <ul> 4 <li>苹果</li> 5 <li>橘子</li> 6 <li>梨子</li> 7 <li>banana</li&g

Jquery DOM 操作扩展了解

jQuery中的DOM操作 DOM是Document Object Medel的缩写,它的意思是文档对象模型,根据W3C的官方说法,DOM是一种跟浏览器,平台以及语言都没有关系的一种规范,也就是一种接口,这种接口可以提供一种访问页面中所有的节点的机制,DOM提供了Netscape的JavaScript和Microsoft的Jscript之间的冲突的解决方案. 通常DOM操作分成三个部分,也就是核心DOM(DOM core)HTML-DOM还有CSS-DOM三种. 一.核心DOM: DOM cor

事件冒泡及事件委托的理解(JQuery Dom操作)

jQuery事件冒泡: click mouseenter 等事件没有绑定 也会触发,只是触发后没有任何结果 子元素触发事件后,会把触发事件传递给父元素,那么父元素也会被触发. 不管有没有绑定事件,都会触发事件,只是没有结果,事件冒泡传递还是会发生 系统自动产生的event事件对象 function传的第一个参数就是event事件对象 1 event.stopPropagation(); // 阻止事件冒泡 2 event.preventDefault() // 阻止默认行为 比如submit阻止

jQuery DOM操作-查询、创建、插入元素

DOM操作分类: DOM Core-处理任何一种使用标记语言编写出来的文档. DOM HTML-提供简明的记号来描述HTML元素及属性. DOM CSS-针对CSS的操作,主要用于获取和设置style对象的各种属性. 初始页面代码: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 2 <!DOCTYP

Query节点操作,jQuery插入节点,jQuery删除节点,jQuery Dom操作

一.创建节点 var box = $('<div>节点</div>'); //创建一个节点,或者var box = "<div>节点</div>"; $('body').append(box); //将节点插入到<body>元素内部 二.插入节点 jQuery 提供了好几种个方法来插入节点: 1.内部插入节点方法  方法名 描述 append(content) 向指定元素内部后面插入节点 content append(func

jQuery节点操作,jQuery插入节点,jQuery删除节点,jQuery Dom操作

一.创建节点 1 var box = $('<div>节点</div>'); //创建一个节点,或者var box = "<div>节点</div>"; 2 $('body').append(box); //将节点插入到<body>元素内部 二.插入节点jQuery 提供了好几种个方法来插入节点:1.内部插入节点方法  方法名 描述 append(content) 向指定元素内部后面插入节点 content append(fu

jQuery DOM操作之删除节点

下面示例可能用到如下HTML代码: <ul>   <li title="t1">苹果</li>   <li>香蕉</li>   <li>橘子</li>   <li>葡萄</li>   <li>草莓</li> </ul> 1.remove()方法: 作用:从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式来筛选元素. 例如,删除上

jQuery DOM操作-遍历节点

children(): 用于获取匹配元素的子元素集合. 1 <script type="text/javascript"> 2 var $array = $("body").children(); 3 $array.each(function(){ 4 alert($(this).text()); 5 }); 6 </script> next(): 用于获取匹配元素后面紧邻的同辈元素. 1 <script type="text