2017.11.21笔记
来源:互联网 发布:手机发射激光软件 编辑:程序博客网 时间:2024/05/22 01:48
查找节点和创建节点
1.查找节点
1.查找元素节点
查找元素节点非常简单,用 jQuery 择器即可完成。
- 1
- 2
- 3
2.查找属性节点
利用选择器查找到需要的元素之后,就可以使用attr()方法来获取它的各种属性值。
- 1
- 2
- 3
2.创建节点
1.创建元素节点
使用 jQuery 的工厂函数$()来完成创建,然后使用append()方法插入文档中。
- 1
- 2
- 3
- 4
2.创建属性节点
创建属性节点也是直接在创建元素时一起创建。
- 1
- 2
- 3
- 4
插入节点和删除节点
1.插入节点的方法
- 1
- 2
- 3
- 1
- 2
- 3
- 4
- 5
2.删除节点
jQuery提供了三种方法删除节点:remove(),detach(),empty()。
1.remove()方法
remove()方法的返回值是被删除节点的引用。
var
2.detach()方法
同样是从DOM中去掉所有匹配的元素,但不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。
- 1
- 2
- 3
- 4
- 5
3.empty()方法
严格来讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中所有后代节点。
- 1
复制节点和替换节点
1.复制节点
可以使用clone()方法完成,赋值节点后,被复制得新元素并不具备任何行为。
在clone()方法中传递一个参数true,复制元素的同时复制元素中所有绑定事件。
- 1
- 2
- 3
2.替换节点
替换节点可以使用replaceWith()和replaceAll()。
relpaceWith()是将所有匹配的元素都替换成指定的HTML或者DOM元素。
- 1
- 2
包裹节点和属性操作
1.包裹节点
可以用wrap()方法将某个节点用其他标记包裹起来。
- 1
1.wrapAll()方法
该方法会将所有匹配的元素用一个元素来包裹。
- 1
2.wrapInner()方法
该方法将每一个匹配的子元素(包括文本节点)用其他结构化的标记包裹起来。
- 1
2.属性操作
1.获取属性和设置属性
在jQuery中,用attr()方法获取和设置元素属性,removeAttr()方法来删除元素属性。
如果要获取
元素的属性title,那么只需要在attr()方法中传入属性名。
- 1
- 2
- 3
如果要设置
元素的属性值,也使用同一个方法。
- 1
- 2
- 3
2.删除属性
删除属性可以用removeAttr()方法来完成。
- 1
样式操作
1.获取和设置样式
我们一般在用 class 属性添加样式,因此可以用attr()方法来完成。
- 1
- 2
2.追加样式
jQuery 提供了addClass()方法来追加样式。
- 1
3.移除样式
相对应的,使用removeClass()方法来删除 class 的某个值,他的作用是从匹配的的元素中删除全部或指定的 class 。
- 1
- 2
- 3
- 4
4.切换样式
jQuery 提供了toggleClass()方法控制样式上的重复切换。如果类名存在则删除它,如果类名不存在则添加它。
- 1
5.判断是否含有某个样式
hasClass()可以用来判断元素中是否含有某个 class 。
- 1
本节所有代码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
设置和获取HTML、文本和值
1.html()方法
此方法类似于javascript中的innerHTML属性,可以用来读取和设置元素中的HTML内容。
你喜欢的水果是?
- 1
- 2
- 3
- 4
2.text()方法
text()方法类似于javascript中的innerText属性,可以用来读取或设置元素中的文本内容。
你喜欢的水果是?
- 1
- 2
- 3
- 4
- 5
3.val()方法
此方法类似于javascript中的value属性,可以用来设置和获取元素的值。
无论元素是文本框,下拉列表还是单选框,都可以返回元素的值。如果元素为多选,则返回一个包含所有选择的值的数组。
- 2017.11.21笔记
- 2017.11.21笔记
- caffe学习笔记21-VggNet论文笔记
- 2017.11.1笔记
- 2017.11.02笔记
- 2017.11.2笔记
- 2017.11.3笔记
- 2017.11.3笔记
- 2017.11.6笔记
- 2017.11.6工作日笔记
- 2017.11.6笔记
- 2017.11.7笔记
- 2017.11.8笔记
- 2017.11.8笔记
- 2017.11.09 matlab笔记
- 2017.11.9笔记
- 2017.11.9笔记
- 2017.11.10笔记
- maven仓库(阿里)
- 内存有限的情况下 Spark 如何处理 T 级别的数据
- Word2013中粘贴文字段落时大量的波浪线怎么去掉
- 用伪类画线条、圆点
- android手机误删通讯录恢复
- 2017.11.21笔记
- java_IO
- 认识AJAX及函数使用
- 文章标题
- 前端开发之使用base64模式处理图片
- 我读<<股票大作手回忆录>>摘录篇
- Hibernate学习---关联关系映射
- 2017.11.22第一篇
- spring错误汇总