jQuery学习-克隆节点

$(function(){

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

alert($(this).text())

});
//1.clone 节点时需要注意克隆后的节点的id属性.若原节点有id属性，则克隆后，会出现在一个文档中出现两个id相同的节点情况//2.clone(true):克隆同时会克隆事件
$("#bj").clone(true).attr("id","bj2").insertAfter($("#rl"));

})

时间： 2024-11-07 06:23:59

jQuery学习-克隆节点的相关文章

一步一步学习 JQuery (五) 用JQuery玩转节点

JQuery 中的 DOM 操作 DOM(Document Object Model-文档对象模型):一种与浏览器, 平台, 语言无关的接口, 使用该接口可以轻松地访问页面中所有的标准组件 DOM 操作的分类: DOM Core: DOM Core 并不专属于 JavaScript, 任何一种支持 DOM 的程序设计语言都可以使用它. 它的用途并非仅限于处理网页, 也可以用来处理任何一种是用标记语言编写出来的文档, 例如: XML HTML DOM: 使用 JavaScript 和 DOM 为

JS学习之DOM节点的关系属性封装、克隆节点、Dom中Style常用的一些属性等小结

JS DOM节点: 在JS DOM中节点的关系被定义为节点的属性: 通常有以下几种节点之间的关系: (这里的关系是所有浏览器都支持的) parentNode 父节点 childNodes 子节点 firstChild 父节点里的第一个子节点 lastChild 父节点里的最后一个子节点 nextSibling 与子节点并列的下一个兄弟节点 previousSibling 与子节点并列的上一个兄弟节点火狐与谷歌支持而ie8不支持的节点关系有: previous

jQuery学习----------DOM操作

DOM操作之创建元素: DOM: var ele = document.createElement("element") 例子:document.createElement("div") jQuery: var $ele = $("element") //返回的是一个jQuery对象例子:$("<div></div>") DOM操作之输入文本: DOM: var txt = document.c

锋利的JQuery 学习笔记

第一章认识JQuery ·页面加载事件(可以写多个ready())$(document).ready(function(){alert(“hello world”);}) ·链式操作:JQuery允许你在一句代码中操做任何与其相关联的元素,包括其子元素.父元素等//选择名称为myDiv的元素,为其自身添加css1的样式,然后再选择其所有子元素a,为其移除css2样式$(“#myDiv”).addClass(“css1″).children(“a”).removeClass(“css2″); ·

jQuery学习笔记（一）：入门

jQuery学习笔记(一):入门一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

Js脚本之jQuery学习笔记（1）

Js脚本之jQuery学习笔记(1) 一.javascript基础单行注释多行注释 /* */ 数据类型数值型字符串型布尔型空值未定义值转义字符函数定义:1234567891011121314<head><script language="javascript"function test(m){var xixi="嘻嘻"alert("这是javascript")document.write(xixi + m)}

jQuery学习02

1. jQuery操作样式1.1 使用jQuery设置css样式1.1.1 设置单个样式jQueryobj.css(name,value);设置需要更改的属性名和属性值.1.1.2 设置多个样式jQueryobj.css(obj);obj:{name:value,name:value,...}由多个属性名和属性值组成的键值对组成的对象.1.1.3 获取样式jQueryobj.css(name);获取的是jQuery对象中第一个元素的对应属性的值.1.2 使用jQuery设置class名1.2.1

jQuery学习总结（一）

jQuery学习完了,但是感觉知识点很杂,想JavaScript一样,所以还是总结一下比较好. 1.DOCTYPE 在每次的html页面前都会有这样一句话,那么它有什么作用呢? DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档.也就是告知浏览器的渲染显示方式. 2.新的方法--专属jQuery (1)$()方法: 可以通过$()方法来获得页面的指定节点,参数是某种CSS的选择器. var userN

jQuery学习--------jQuery过滤器

each() 方法规定为每个匹配元素规定运行的函数. 过滤: 下标过滤: eq(index) //获取第index个元素类过滤: hasClass(class) //检查当前元素是否含有某个特定的类,如果有,返回true 例如:$("div").hasClass("div1") //含有div1类的div元素表达式过滤: filter(expr) //筛选出与指定表达式expr匹配的元素集合,用逗号分隔多个表达式 filter(fn) //筛选出与指定