一: 操作元素

　　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. SpringCloud---Feign上传下载详解

    1.使用原因 公司最近做的项目在用SpringCloud,涉及到了上传.但是Feign本身是不支持文件类型的.所以这里把上传下载的实现分享一下. 2.所需配置 这是自己实现的一个formEncoder ...

  2. 函数式编程语言（Functional Program Language）

    (一) 什么是函数编程语言 简单说,"函数式编程"是一种"编程范式"(programming paradigm),也就是如何编写程序的方法论. 是一种编程典范, ...

  3. Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.0.2:resources 在我的myeclipse中新建maven工程总出现这个问题

    只需在下图中更改代码 更改后是这样的: <plugin> <groupId>org.apache.maven.plugins</groupId> <artif ...

  4. AssetBundle 策略

    [AssetBundle 策略] 1.Logical Entity Grouping.按逻辑功能分. Examples Bundling all the textures and layout dat ...

  5. cdh 安装系列1-- manager 6.01 安装

    一.如果是远程centos安装,请参考我得博客,通过xmanager 链接centos桌面 二.Non-production Installation Ideal for trying Clouder ...

  6. Java8中的[方法引用]“双冒号”——走进Java Lambda(四)

    前面的章节我们提及到过双冒号运算符,双冒号运算就是Java中的[方法引用],[方法引用]的格式是 类名::方法名 注意是方法名哦,后面没有括号“()”哒.为啥不要括号,因为这样的是式子并不代表一定会调 ...

  7. jdk各版本名称

  8. 库的操作&表的操作

    一 库的操作 掌握库的增删改查 一.系统数据库 执行如下命令,查看系统库 show databases; information_schema: 虚拟库,不占用磁盘空间,存储的是数据库启动后的一些参数 ...

  9. awk——getline

    A．getline从整体上来说,应这么理解它的用法: 当其左右无重定向符 | 或 < 时,getline作用于当前文件,读入当前文件的第一行给其后跟的变量var 或$0(无变量):应该注意到,由 ...

  10. laravel框架目录结构详解