一: 操作元素

　　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. php数组按值的大小排序

    array_multisort(array_column($nima,'zongfen'),SORT_DESC,$nima);

  2. 对于“2017面向对象程序设计（JAVA）第四周学习总结”存在问题的反馈

    对于“2017面向对象程序设计(JAVA)第四周学习总结”存在问题的反馈 “这部分同学博文总结没有写,实验作业没有提交.”——1.关于博文作业.实验作业教学功能的正解:学习知识.暴露问题.衔接课上.2 ...

  3. 大型运输行业实战_day11_1_aop理论与aop实际业务操作

    1.aop概述 Spring的AOP:什么叫做AOP:Aspect oritention programming(面向切面编程)什么是切面:看图,业务方法 执行前后.AOP的目的:AOP能够将那些与业 ...

  4. 1.3、CDH 搭建Hadoop在安装之前(端口)

    端口 Cloudera Manager,CDH组件,托管服务和第三方组件使用下表中列出的端口.在部署Cloudera Manager,CDH和托管服务以及第三方组件之前,请确保在每个系统上打开这些端口 ...

  5. cakePHP 分页栏

    <div class="page"><?php if ($total > 1) echo $this->element('page_list', ar ...

  6. Bootstrap Popover

    [Bootstrap Popover] 1.设置一个popover需要添加以下设置: 1)data-toggle="popover" 2)title="Example p ...

  7. leetcode 树类型题

    树的测试框架: // leetcodeTree.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream& ...

  8. CentOS 端口映射

    一个合作单位给我创建了十几台虚拟服务器做支撑.但是只给负载均衡绑定了公网IP.由于这个支撑的服务需要测试和调优,经常要往服务器上传class或者修改数据库.为了方便操作,我打算在负载均衡服务器上做端口 ...

  9. PAT L2-014 列车调度(最长上升nlogn)

    火车站的列车调度铁轨的结构如下图所示. 两端分别是一条入口(Entrance)轨道和一条出口(Exit)轨道,它们之间有N条平行的轨道.每趟列车从入口可以选择任意一条轨道进入,最后从出口离开.在图中有 ...

  10. swift - xcode - pod升级版本和降级版本

    1. 查看当前版本 pod --version 2.如果安装过pod,更新命令 新版 sudo gem install -n /usr/local/bin cocoapods --pre 旧版 sud ...