jQuery:插入,复制,替换和删除节点

<html> 
<head> 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
   <title>jQuery插入,复制、替换和删除节点</title> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
   $(document).ready(function(){ 
     //几种添加节点的方法 
    //$("p").append("<b>你好吗？</b>");//向p元素中追加《b》 
    //$("<b>你好吗？</b>").appendTo("p");//将《b》追加到p元素中 
    //$("p").prepend("<b>你好吗？</b>");//向p中前置《b》 
    //$("<b>你好吗？</b>").prependTo("p");//将《b》前置到p元素中 
    //$("p").after("<b>你好吗？</b>");//向p元素后插入《b》 
    //$("<b>你好吗？</b>").insertAfter("p");//将《b》插入到p元素后边 
    //$("p").before("<b>你好吗？</b>");//在p元素之前添加《b》 
    //$("<b>你好吗？</b>").insertBefore("p");//将《b》插入到p元素前面 
   
   
      //几种删除节点的方法 
    //var $li=$("ul li:eq(1)").remove();//删除ul节点中第2个元素节点 
    //$("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去 
    //$("ul li").remove("li[title!=菠萝]");//将ul元素下title属性不等于"菠萝"的li元素删除 
    //$("ul li:eq(1)").empty();//清空ul节点下第2个li元素的内容 
   
    //复制节点 
   /* $("ul li").click(function(){ 
     $(this).clone(true).appendTo("ul");//复制当前点击的节点，并将它追加到《ul》元素中，当添加参数时复制它的事件 
   
    }); 
    */ 
    //替换节点 
   // $("p").replaceWith("<strong>你最不喜欢的水果是？</Strong>");   
   
   }); 
</script> 
</head> 
<body> 
   <p>你好！</p> 
   你最喜欢的水果是？ 
   <ul> 
    <li title="苹果">苹果</li> 
    <li title="橘子">橘子</li> 
    <li title="菠萝">菠萝</li> 
    </ul> 
</body> 
</html>

时间： 2024-10-08 11:46:41

jQuery:插入,复制,替换和删除节点的相关文章

jQuery插入,复制、替换和删除节点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuer

jQuery:节点(插入,复制,替换,删除)操作

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery插入,复制.替换和删除节点</title> <script type="text/javascript" src="jquery-1.3.2.js"></scri

C++中对字符串进行插入、替换、删除操作

#include <iostream> #include <string> using std::cout; using std::endl; using std::string; int main(void){ string str1="We can insert a string"; string str2="a str into "; //在字符串指定位置前面插入指定字符串 cout <<str1.insert(14,str

C++（十）— 字符串进行插入、替换、删除操作

 1.C++中对字符串进行插入.替换.删除操作 #include<iostream> #include<algorithm> #include<stdio.h> #include <vector> #include<string> using namespace std; int main() { string s = "123456"; // 在字符串指定位置前插入字符, cout << s.insert(2,

js 访问,插入,替换,创建,删除节点介绍

访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性.语法:elementNode.childNodes注意:如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList. 注意:1. IE全系列.firefox.chrome.opera.safari兼容问题2. 节点之间的空白符,在firefox.chrome.opera.safari浏览器是文本节点,所以IE是3,其它浏览器是7, 访问子节点的第一和最后项一.firstChild 属性返回'chi

字符串重组，字符串的插入，替换，删除，拼接

/* <span style="white-space:pre"> </span>1>多个数据拼接成一个字符串 2>字符串的末尾追加新的字符 3>在指定的范围插入字符串 4>使用新的字符替换原有的字符 5>在字符串中删除特定的某些字符 6>去掉字符串中的空格 */ #import <Foundation/Foundation.h> int main(int argc, const char * argv[]) {

JQuery增加，替换，删除属性应用

增加: (内部插入) 我们来看以上代码,首先第一段很好理解 $( 'obj').append(' count') 意思就是在obj之后添加count,这个count所指代的内容可以是变量,可以是自己拼接的字符串,他这种添加方式可以当成数组中的push()API一样,在末尾添加, appendTo()和append是反着的,他是从开始的第一个位置添加 例: 这是之前的样式 通过appendTo,在div中成功插入了span标签 从开头部位置插入 此处可以从结构上来看,在h1标签内部开头位置插入sp

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