一: 操作元素

　　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. 第三章，DNA序列的进化演变

    31.前言 3.1.两个序列间的核苷酸差异 来自同一祖先序列的两条后裔序列,之间的核苷酸的差异随着时间的增加而变大.简单的计量方法,p距离 3.2.核苷酸代替数的估计 3.3.Jukes和Cantor ...

  2. java.lang.IllegalAccessError: tried to access method

    java.lang.IllegalAccessException: access to method denied 06-23 16:12:39.128 1253-1253/com.hbjyjt.oa ...

  3. 如何获得scala的帮助和退出

    scala> :helpAll commands can be abbreviated, e.g., :he instead of :help.:edit <id>|<line ...

  4. 六、Prototype 原型设计模式

    需求:使用 new 生成实例需要指定类名,在不指定类的情况下生成实例 代码清单: 原型接口 Product: public interface Product extends Cloneable{ v ...

  5. Oracle的regexp_instr函数简单用法

    REGEXP_INSTR函数让你搜索一个正则表达式模式字符串.函数使用输入字符集定义的字符进行字符串的计算. 它返回一个整数,指示开始或结束匹配的子位置,这取决于return_option参数的值. ...

  6. numpy.random.uniform（）

    numpy.random.uniform均匀分布 2018年06月19日 23:28:03 徐小妹 阅读数:4238   numpy.random.uniform介绍: 1. 函数原型:  numpy ...

  7. leecode 978. Longest Turbulent Subarray(最长连续波动序列，DP or 滚动数组)

    传送门:点我 978. Longest Turbulent Subarray A subarray A[i], A[i+1], ..., A[j] of A is said to be turbule ...

  8. mysql中创建event定时任务

    从网上借鉴大神的. use onlinexam; -- 查看event事件是否开启 show variables like '%sche%'; -- 开启event事件  (非常重要) set glo ...

  9. 26【python】sprintf风格的字符串

    参考资料:https://docs.python.org/3.5/library/stdtypes.html#old-string-formatting 实例 s#!/bin/python a = ( ...

  10. TZOJ 1594 Optimal Milking(二分+最大流)

    描述 FJ has moved his K (1 <= K <= 30) milking machines out into the cow pastures among the C (1 ...