本文实例讲述了DOM节点深度克隆函数cloneNode()用法。分享给大家供大家参考。 具体实现方法如下:代码如下:<html> <head> <script type="text/javascript"> function t(){ var nodeul = document.getElementsByTagName(ul)[0];//获取需要复制的UL节点 var newul = nodeul.cloneNode(true);//true表示深度复制,即边下边的li和文本也一起;如果是false,则只复制ul var node_copy = document.getElementById(copyul); node_c...
本文实例讲述了Javascript中innerHTML用法。分享给大家供大家参考。 具体实现方法如下:代码如下:<html> <head> <script type="text/javascript"> function t(){ var cont = document.getElementById(container); var htmlcode = "<p>哈哈哈哈</p>"; cont.innerHTML = htmlcode; } </script> </head> <body> <div id="container"> <ul> <li>春天</li> <li>夏天</li> <li>秋天</li> <li>冬天</li> </ul> </div> <div i...
本文实例讲述了js在指定位置增加节点函数insertBefore()用法。分享给大家供大家参考。具体分析如下: 函数原型如下: insertBefore(参数1,参数2):在指定位置添加节点 具体代码如下:代码如下:<html> <head> <script type="text/javascript"> function t(){ var nodeli = document.createElement(li);//创建一个li节点 var li_text = document.createTextNode(蓝天);//创建一个文本节点 nodeli.appendChild(li_text);//将文本节...
本文实例讲述了js常用系统函数用法。分享给大家供大家参考。 具体代码如下:代码如下:<html> <head> </head> <body> <script type="text/javascript"> //1. escape()函数,把字符串转成各计算机平台通用的unicode编码;解码(转回去)则用enescape()。 var str = 王美人; document.write(escape(str)); document.write("<br />"); //2. 字符串转化为整型,或转化为浮点型。如果原字符串age不是以数字开头,结果则是NaN。 var age = "...
本文实例讲述了jQuery中siblings()方法用法。分享给大家供大家参考。具体分析如下: 此方法能够获取匹配元素集合中每一个元素的同辈元素。 同辈元素集合可以使用表达式进行筛选。 语法结构:代码如下:$(selector).siblings(expr) 参数列表:参数描述expr可选。用于筛选同辈元素的表达式。 实例代码: 实例一:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <t...
本文实例讲述了jQuery中appendTo()方法用法。分享给大家供大家参考。具体分析如下: 此方法把匹配的元素插入指定元素结尾,插入位置在元素的内部。 appendTo()方法的作用和append()方法是相同的,但是语法是不同的,尽管形式一样。 语法结构:代码如下:$(selector).appendTo(content) 参数列表:参数描述selector要被插入的匹配元素。content要被插入匹配元素的元素。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta chars...
本文实例讲述了jQuery中prependTo()方法用法。分享给大家供大家参考。具体分析如下: 此方法把匹配的元素插入指定元素之前。 prependTo()方法的作用和prepend()方法是相同的,但是在语法上是有差别的,虽然在形式上看起来是一样的。 语法结构:代码如下:$(selector).prependTo(content) 参数列表:参数描述selector要被插入的匹配元素。content要被插入匹配元素的元素。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta cha...
本文实例讲述了jQuery中add()方法用法。分享给大家供大家参考。具体分析如下: 此函数在匹配元素中添加与表达式匹配的元素。 add()函数返回的结果将始终以元素在HTML文档中出现的顺序来排序,而不再是简单的添加。 语法: 语法一:代码如下:$(selector).add(expr,context) 参数描述expr可选。用于匹配元素的选择器字符串。context可选。作为待查找的 DOM 元素集、文档或 jQuery 对象。 实例: 实例一: 将span元素添加的匹配元素中去,...
本文实例讲述了jQuery中insertBefore()方法用法。分享给大家供大家参考。具体分析如下: 此方法把匹配的元素插入到另一个指定的元素集合的前面。 insertBefore()方法与insertAfter()相反。 语法结构:代码如下:$(selector).insertBefore(content) 参数列表:参数描述selector定义要被插入的内容。content定义在哪些元素之前插入内容。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="au...
本文实例讲述了jQuery中append()方法用法。分享给大家供大家参考。具体分析如下: 此方法在匹配元素的结尾插入指定内容。 元素被插入的位置是匹配元素的内部,而after()方法元素被插入的位置是匹配元素的外部。 append()方法的作用和appendTo()方法是相同的,但是语法是不同的,尽管语法形式一样。 语法结构:代码如下:$(selector).append(content) 参数列表:参数描述content指定被插入的内容,content的可能的值:1.HTML 代码 - 比如...
本文实例讲述了jQuery中end()方法用法。分享给大家供大家参考。具体分析如下: end()方法能够回到最近的一个"破坏性"操作之前,即将匹配的元素列表变为前一次的状态。 如果没有破坏性操作将返回一个空集。 破坏性操作的概念:指任何改变所匹配元素的操作。可能大家对这个概念比较模糊,举个例子:代码如下:$("li").css("color","red"); 以上代码的CSS函数就不是一个破坏性操作,因为匹配元素列表并没有发生变化,改变的是元素中的文本...
本文实例讲述了jQuery中last()方法用法。分享给大家供大家参考。具体分析如下: 此方法获取匹配元素集合中的最后一个元素。 语法:代码如下:$(selector).last() 实例:代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...
本文实例讲述了jQuery中hasClass()方法用法。分享给大家供大家参考。具体分析如下: 此方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false。 语法结构:代码如下:$(selector).hasClass(class) 参数列表:参数描述class用于匹配的类名。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <script type="text/j...
此方法能够筛选出与指定表达式或者方法返回值相匹配的元素或者元素集合。 语法结构一: 筛选出与指定表达式匹配的元素集合。代码如下:$(selector).filter(expr) 参数列表:参数描述expr字符串值,用于筛选当前元素集合的选择器表达式。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>filter()函数-脚本之家</title> <script type="text/jav...
本文实例讲述了jQuery中is()方法用法。分享给大家供大家参考。具体分析如下: 此方法使用参数来检查匹配元素集合。 如果其中至少有一个元素符合这个给定的参数就返回true,否则返回false。 语法结构一:代码如下:$(selector).is(expr) 参数列表: 参数描述expr字符串值,供匹配当前元素集合的选择器表达式。 实例代码:代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="//www.gxlcms....