一、获取元素

获取表达式可以是CSS选择器:

$

也可以是jQuery特有的表达式:

$

二、链式操作

链式操作的原理在于每一步的jQuery操作,返回的都是一个jQuery对象,用这个对象来操纵相应的元素,所以不同操作可以连在一起。

$

分解开来,就是下面这样:

$

jQuery还提供了.end()方法,使得结果集可以后退一步:

$

三、改变结果集

jQuery提供各种强大的过滤器,对结果集进行筛选,缩小选择结果。

$

有时候,我们需要从结果集出发,移动到附近的相关元素,jQuery也提供了在DOM树上的移动方法:

$

四、取值和赋值

使用同一个函数,来完成取值(getter)和赋值(setter),即"取值器"与"赋值器"合一。到底是取值还是赋值,由函数的参数决定。

$

常见的取值和赋值函数如下:

.

注意:

如果结果集包含多个元素,那么赋值的时候,将对其中所有的元素赋值;取值的时候,则是只取出第一个元素的值(.text()例外,它取出所有元素的text内容)。

五、移动元素

1.直接移元素

$

2.移动其他元素,使得目标元素达到我们想要的位置。

$

注意:

上面两种方式返回的元素不一样。第一种方法返回div元素,第二种方法返回p元素。你可以根据需要,选择到底使用哪一种方法。

使用这种模式的操作方法,一共有四对:

.

六、复制、删除和创建元素

1.创建

只需把新元素直接传入jQuery的构造函数就课创建元素:

$

2.复制

复制元素使用.clone()。

3.删除

删除元素使用.remove()和.detach()。两者的区别在于,前者不保留被删除元素的事件,后者保留,有利于重新插入文档时使用。

清空元素内容(但是不删除该元素)使用.empty()。

七、工具方法

常用的工具方法有以下几种:

$

jquery清空div内容_jQuery常用功能相关推荐

  1. jQuery清空div内容

    jQuery的empty()方法:可以清空/删除指定元素下的所有子节点和内容 $(selector).empty() $("#id_for_div").empty(); $(&qu ...

  2. jquery清空div内容_一键清空微博

    步骤1:建立「一键清空微博」书签 创建「一键清空微博」书签有两种办法:推荐使用方法1,操作简单 方法1:首先点击下方链接,进入我的博客主页,然后拖拽文章中「一键清空微博」按钮到书签栏. 一键清空微博​ ...

  3. jQuery 清除div内容

    jQuery 清除div内容 $.ajax({ url: "SearchSN.aspx", data: "SN=" + $("#txtStorageS ...

  4. JQuery(22)_JQuery 常用的遍历节点方法

    本系列博客汇总在这里:JQuery 汇总 JQuery 常用的遍历节点方法 一.常用的遍历节点方法 1.children() 2.next() 3.prev() 4.siblings() 二.代码演示 ...

  5. 从零开始学习jQuery (十) jQueryUI常用功能实战

    本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery ( ...

  6. jQuery框架学习第十天:实战jQueryUI常用功能

    jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集  jQuery框架学习第四天:使用jQ ...

  7. 前端控件JQuery Datatables使用——常用功能初始化

    本文用于自己记录,忘记时可以用来回顾.点击这里进入JQuerydatatable官网API地址 JQuery Datatables初始化 个人比较喜欢JQueryDatatables的Bootstra ...

  8. cfile清空文件内容_体育老师学编程(第11天)python常用的文件读写操作

    学习内容:python文件处理 一.什么是文件: 前边学习了计算机的存储设备分为内存和硬盘两种,内存容量小,断电就丢失,我们若想长期存储一段内容,就需要存到硬盘中,那么存入的方式就是以文件形式存入的. ...

  9. Android自定义组合控件--EditText和Button组合成带有清空EditText内容功能的复合控件

    目标:实现EditText和Button组合成带有清空EditText内容功能的复合控件,可以通过代码设置自定义控件的相关属性. 实现效果为: (1)在res/layout目录下编写自定义组合控件的布 ...

最新文章

  1. 对require和import的认识
  2. 每个人都该懂点的版本管理技能
  3. codechef Polo the Penguin and the Tree
  4. CSS3弹性盒模型布局模块介绍
  5. MySQL 快速删除大量解决方案
  6. git将本地仓库推送到远程仓库
  7. 计算机应用基础进制转换说课稿,计算机应用基础信息技术基础《进制转换》教案.doc...
  8. I2C总线简介(很经典)
  9. linux设备树详解-韦东山-专题视频课程
  10. 广联达只有土建打不开_广联达BIM钢筋算量为什么打开工程是灰屏?工程打不开怎么办?...
  11. 美团iOS逆向工程分析
  12. linux上的手机管家,腾讯手机管家官网版
  13. Serverless 应用引擎 SAE 携手谱尼测试共同抗疫
  14. html banner 居中,关于CSS banner图响应式居中显示的方法
  15. 如何调节肠道菌群?常见天然物质、益生菌、益生元的介绍
  16. C++核心准则边译边学-I.4 接口类型应该精准且严格
  17. 词嵌入、句向量等方法汇总
  18. java hgetall_redis的hGetAll函数的性能问题(记Redis那坑人的HGETALL)
  19. 企业信息化系统ERP篇
  20. element ui的select显示数字

热门文章

  1. vivado环境下实现比较器
  2. python自定义函数添加到路径
  3. PHP new self什么,php new self()是什么意思
  4. opencl获取gpu信息_如果在尝试获取OpenCL gpu设备类型时,Char *语句出现问题
  5. 3DSlicer24:Module-Create Scripted
  6. C/C++中涉及存储方式的关键字:auto,static,register,extern2009-01-22 11:23auto关键字:
  7. u-boot的mkconfig文件详解
  8. 编译原理实验一预习报告
  9. 调用max函数求两个数中较大值
  10. 选择问题(求第k个最小元素)