一: 操作元素

　　1. 属性操作

　　　　1.1

　　　　　　$("p").text()

　　　　　　$("p").html()

　　　　　　$(":checkbox").val()

　　　　1.2

　　　　　　$(".test").attr("tom")                  //获取属性

　　　　　　$(".test").attr("tom","boy")         //修改属性值

　　　　1.3

　　　　　　$(".test").attr("checked","checked")      //修改属性值

　　　　　　$(":checkbox").removeAttr("checked")   //移除属性

　　　　1.4

　　　　　　 $(".test").prop("checked",true)     //修改属性值

　　　　1.5

　　　　　　$(".test").addClass("hide")  //为$(".test")对象添加 "hide" class标签

　　　2: 属性:

　　　　　　attr()     //针对自定义属性,查找标签等情况 使用

　　　　　　prop()   //针对于类似input 标签的 checked属性 true false 等情况

二: 遍历

<script>

    function func(self) {

                li = [10,20,30,40]

                $.each(li,function(i,x){

                    console.log(i,x) //分别打印索引,值

                })

                dic = {name:"yuan",sex:"male"}

                $.each(dic,function(i,x){

                    console.log(i,x) //打印 key,value

                })

    }

</script>

　三: 文档处理　　　　　　

　　3.1 内部插入

　　　　　　$("#c1").append("<b>hello</b>")    //该对象插入标签到最后

　　　　　　$("p").appendTo("div")                  //该标签插入到对象后面

prepend()    　　　　　　　　　　 //插入到前面

　　　　　　prependTo()

　  3.2 外部插入

　　　　　　before()

　　　　　　insertBefore()

　　　　　　after

　　　　　　insertAfter()
　　　　3.3 移除

　　　　　　　remove()    //移除标签

　　　　　　　empty()     //清空标签内容

　　　　3.4 复制

　　　　　　  clone()      //复制对象

　　　　3.5 替换

　　              replaceWith()

　　　

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div id="outer">

    <div class="item">

         <input type="button" value="+" onclick="fun1(this)">

        <input type="text">

    </div>

    <div class="item">

         <input type="button" value="-" onclick="fun1(this)">

        <input type="text">

    </div>

</div>

<script src="jquery-3.1.1.js"></script>

<script>

     function fun1(self) {

         var Clone=$(self).parent().clone();

         //Clone.children(":button").val("-").attr("onclick","func2(this)");

         $("#outer").append(Clone)

     }

     function func2(self) {

         alert(123)

         $(self).parent().remove()

     }

</script>

</body>

</html>

　

　　

　　

jQuery操作(二)的更多相关文章

  1. jQuery的dom操作(二)转

    addClass() 向匹配的元素添加指定的类名. after() 在匹配的元素之后插入内容. append() 向匹配的元素内部追加内容. appendTo() 向匹配的元素内部追加内容. attr ...

  2. jquery操作复选框(checkbox)十二技巧

    jquery操作复选框(checkbox)的12个小技巧. 1.获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$( ...

  3. 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式

    本系列文章导航 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得 ...

  4. Jquery操作cookie，实现简单的记住用户名的操作

     一.jquery.cookie.js介绍  jquery.cookie.js是一个基于jquery的插件,一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cook ...

  5. jQuery入门（2）使用jQuery操作元素的属性与样式

    jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...

  6. jQuery操作Table tr td常用的方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  7. 汇总常用的jQuery操作Table tr td方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  8. Jquery 操作Html 控件 CheckBox、Radio、Select 控件 【转】http://www.cnblogs.com/lxblog/archive/2013/01/09/2853056.html

    Jquery 操作Html 控件 CheckBox.Radio.Select 控件   在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox.radio ...

  9. jQuery组织您钞四----jQuery操作DOM

    一.采用jQuery创建节点 节点是DOM基础设施.依据DOM产品规格,Node是一个很宽泛的概念,包含元素.属性.正文.档..实际开发过程中,要创建动态内容,主要操作的节点包括元素. 属性和文本. ...

随机推荐

  1. K-means算法的实现

    K-MEANS算法是一种经典的聚类算法,在模式识别得到了广泛的应用.算法中有两个关键问题需要考虑:一是如何评价对象的相似性,通常用距离来度量,距离越近越相似:另外一个是如何评价聚类的效果,通常采用误差 ...

  2. easyui-属性表格-easyui-propertygrid-列名显示英文官方文档无修改方案

    修改值name value值为中文示例步骤: 1.<table 中    class="easyui-propertygrid" 中的data-options属性中加入  c ...

  3. StringBuild类

    每次拼接都会产生新的字符串对象,从而产生很多废弃的垃圾,拼的越多,垃圾越多,而利用StringBuilder来拼接字符串自始至终用的都是同一个StringBuilder容器 StringBuilder ...

  4. J_link重刷固件

    第一步:上电短接ERS 第二步:上电短接TST      (擦除原来的固件) 完成上面两步后,再连接电脑,电脑将出现正常的串口连接 第三步:(烧固件) 在SAM-BA xxx固件烧写选好芯片类型,连接 ...

  5. (django1.10)访问url报错Forbidden (CSRF cookie not set.): xxx

    问题:页面访问时报错 Forbidden (CSRF cookie not set.): xxx     解决方法: 修改settings.py文件,注释掉 django.middleware.csr ...

  6. js 字符与ascii码转换

    参考 http://www.jb51.net/article/43534.htm ' '.charCodeAt();  //字符转ascii String.fromCharCode(10);  //a ...

  7. Python设计模式 - 总览(更新中...)

    最近打算重构部分python项目,有道是"工欲善其事,必先利其器",所以有必要梳理一下相关设计模式.每次回顾基本概念或底层实现时都会有一些新的收获,希望这次也不例外. 本系列打算先 ...

  8. Redis集群部署及命令

    一.简介 redis集群是一个无中心的分布式Redis存储架构,可以在多个节点之间进行数据共享,解决了Redis高可用.可扩展等问题. redis集群提供了以下两个好处: 将数据自动切分(split) ...

  9. NumPy 高级索引

    NumPy 高级索引 NumPy 比一般的 Python 序列提供更多的索引方式.除了之前看到的用整数和切片的索引外,数组可以由整数数组索引.布尔索引及花式索引. 整数数组索引 以下实例获取数组中(0 ...

  10. Linux之须知

    1.服务器有哪些硬件? 主板,cpu,显卡,内存,硬盘,声卡,网卡 2.内存,CPU,硬盘的作用? cpu是管理与运算.内存:cpu和磁盘之间的缓冲设备,服务器关闭后,数据从内存中释放掉. CPU,电 ...