jq选择器常用方法总结 data数据存储

dom选择器$符号起步参数形式如css即可

进一步选择元素相关方法：

.get() 在你选取的标签之中获取指定的那个索引选取或者属性选取并且该元素是原生dom 数组形式，故无法实现链式调用

.eq() 在选取的基础上进行筛选雷同get方法但是他会返回一个jq对象可实现链式调用

.find() 参数和$一致进行选区dom 在前面基础结构中查找一层层递进该方法节省效率返回对象中属性prevObject记录其在那个父级中查找如下图所示

.filter() 过滤在你所选定的范围内进行筛选。此时返回jq对象区别于遍历时，参数为筛选条件而不是在你所选的范围内部在进行下一级筛选属于同级筛选只ji'sh可以对所选的进行限制，不可以既筛选又限制。参数还可以为一个函数类似于foreach方法遍历索引及数据但是返回的为原生dom，遍历过程中this指向原生dom

.not() 参照filter 反选不满足条件的

.is() 返回布尔值前面所选的范围中含有后续条件的dom则返回true 只要有交集就是true

.has()

选择拥有ul标签的li标签进行的是下一级的选择区别于filter同级选择

.add() 集中操作

.end() 回退操作到pervObject属性指向的那个层级就是调用prevobject的过程

---------------------------------------------------------------------------------------------------------------------------------------------------------

dom文本操作：注意总结jq方法可以放函数的情况

注意点：jq操作dom往往操作一堆但是在html这里例外单个操作

html() jq获取所选中的结构中html结构及其文本内容 string形式也可以赋值

取值的时候会取到第一个值但是赋值会赋给所有的标签将字符串解析成html标签

text() 获取选中标签的文本信息不会获得html标签信息赋值时不会将参数解析为标签都会将其解析成文本

size() 返回选中标签类数组的长度

注意：以上三个方法均不可以实现链式调用他们返回值不时jq对象

-------------------------------------------------------------------------------------------------------------------------------------------------------------

dom类名操作

.addClass 、为标签添加类名

.removeClass、移除类名添加参数移除指定类名不填则移除所有类名也是循环操作针对所有dom 。也可以传函数

.hasClass 判断所选中的dom是否含有指定类名

返回布尔值

.css() 赋值属性名直接写属性值为字符串。也可以取值传参属性名获取相应的属性值

.attr() 取值直接选区dom并且注明属性名赋值写明属性名及其属性值

前后值一致的这种属性写一个就好

.prop() 基于js原生dom操作无论是取值还是赋值只可以进行特性映射必须是标签自带属性自定义属性不可以无特性不可以映射

对于一般的属性名获取它的值象图中的会返回布尔值

----------------------------------------------------------------------------------------------------------------------------------------------------------------

.val()

该方法操作表单元素使用获取表单元素的val值

------------------------------------------------------------------------------------------------------------------------------------------------------------------

基于jQuery对象查改删增相关方法：

.next() 获取选中的元素的兄弟元素节点可接受参数指定条件

、.prev()、参看next 一前一后就行了

.preAll()、参看上面的就行区别是上面选中单个节点下面选中一组节点同样为兄弟节点

.nextAll() 参看上面的就行区别是上面选中单个节点下面选中一组节点同样为兄弟节点

.prevUntil() 、一句上方方法一样在选取dom基础之上进行兄弟节点的筛选添加条件直到那个标签位置

.nextUntil() 一句上方方法一样在选取dom基础之上进行兄弟节点的筛选添加条件直到那个标签位置

.siblings() 只要你是兄弟节点就获取你某一节点的所有兄弟节点注意所有的jq方法都可以添加条件条件可以是标签还可以是函数

.parent()、不传参数直接获取父级，

.parents()、不加参数直接获取该标签的所有父级如果选中多个标签那么会获取他们所有的父级标签。直到html

.offsetParent()、获取离你最近的含有定位的父级元素

.closest() 获取到离你最近的满足条件的父级元素要填条件啊

.slice() 截取选中包含jq对象的类数组如下

--------------------------------------------------------------------------------------------------------------------------------------------------------------

常用的jq方法如下：

.insertAfter()、参照before即可

.After()

.insertBefore()、将选中标签放在目标标签的前面注意两者的区别第一位置前后的区别第二before 选取dom必须要jq对象选取如果填写字符串会将字符串填写到dom前面

.before()

.appendTo()、添加到目标标签相当于原生的appendchild()方法

.append() 同样append后面必须添加jq对象否则将解析成为字符串

.prependTo()、

.prepend() 参考与apend方法该方法在目标标签的前方添加内容

.remove() 删除标签的方法此方法针对于事件处理有删除功能标签可以还原但是事件没了

、.detach() 效果参照remove（）方法但是会保留事件绑定不会失效

$() 参数：标签字符串创建jQuery对象

该符号允许接受任意形式的dom结构如下：

---------------------------------------------------------------------------------------------

基于jQuery对象增删改查相关方法：

.wrap()、为选取的标签添加一个直接的父级，父级名称为参数名称字符串或者函数实现循环配置

wrapInner()、为选中标签内部的标签添加父级

wrapAll、为你选中的满足条件的所有标签添加一个公共父级区别于wrap为满足条件的标签分别添加父级只可以为同级的内部标签添加父级不可以一个内部一个外面

unWrap 与wrap相反属于去掉选中标签的直接父级一直调用一直去到body为止

----------------------------------------------------------------------------------------------------------------------------------------------------------------------

原生js中的clone针对于数据类型实现的功能 jq中区别于此更加贴近于现实意义的克隆针对于dom而言返回jq对象

.clone()

不是所有的属性都可以进行克隆的，当参数填写true

jq方法 data 可以使得dom用来存储数据信息数据信息格式不限数据存储与dom对象上而不只是直接存储与dom上

-------------------------------------------------------------------------------------------------------------------------------------------------------------------

.data（）习惯性用法及其注意点

数据渲染之前可以将数据保存到了jq对象中去方便后续使用之后可以通过data（）方法来获取存储的数据

jq获取数据操作的是jq对象而不是原生dom 节省性能 jq对象与dom只是存在映射关系不是一回事

关于数据存储与行间 dom等不同位置的理解

前端编程数据存储

html 标签属性可以存储信息标签对应js中dom对象也可以存储信息（tag tag-dom）使得结构拥有自己的信息实现信息结构对应这就是data方法存储‘

attr和prop也可以实现数据存储以属性的方式存储于标签之上

但是鉴于jq开发流程

但数据以att（）方法存储于行间时，但是实现数据渲染时会再一次操作dom太耗性能（从内存还有操作上）；

而jqdata方法操作的是jsjq对象属于映射池中的数据并不是直接操作dom

vue框架数据存储于行间不必要进行dom操作 dom操作已经委托出去而且涉及dom操作时或通过diff算法进行最小dom操作因而效率很高 vue仅仅操作数据层以及视图层就可以了

jq选择器常用方法总结 data数据存储相关推荐

数据存储Data Storage
数据存储Data Storage 概览Storage quickview ² 系统偏好:快速,轻量级存储 ² 文件:存储到设备内部或可移动闪存 ² 数据库:任意的结构化存储 ² 支持基于网络的 ...
iOS教程：Core Data数据持久性存储基础教程
目录[-] 创建Core Data工程创建数据模型测试我们的数据模型来看看SQL语句的真面目自动生成的模型文件创建一个表视图之后看些什么? 就像我一直说的,Core Data是iOS编程, ...
05_ClickHouse、MergeTree系列引擎概述与存储结构、建表模板、建表语句、MergeTree设置、建表示例、数据存储、数据片段（data part）
2.MergeTree系列引擎概述与存储结构 2.1.建表模板 2.2.建表语句 2.3.MergeTree设置 2.4.建表示例 2.5.数据存储 2.6.数据片段(data part) 2.Mer ...
Data Storage（数据存储）之内部储存（Internal Storage）
Data Storage(数据存储)之内部储存(Internal Storage) 读取手机内部储存,Activity 中调用 openFileOutput(file_name, mode)方法返回F ...
iphone数据存储之－－ Core Data的使用（一）
转自:http://www.cnblogs.com/xiaodao/archive/2012/10/08/2715477.html 一.概念 1.Core Data 是数据持久化存储的最佳方式 2.数 ...
NEAR官方文档翻译（三）基础（Basics）- 数据存储(Data Storage)
文章目录数据存储概述 AssemblyScript集合类型大O记号 Big-O Notation Gas消耗举例 Gas Consumption Examples PersistentVecto ...
大数据存储引擎 NoSQL极简教程 An Introduction to Big Data: NoSQL
本文路线图: NoSQL简介文档数据库键值数据库图数据库 Here's the roadmap for this fourth post on NoSQL database: Introduct ...
KEPServerEX 6 之数据存储插件Data Logger 中文说明(完整版)
DataLogger是易于配置的应用程序,可将数据从OPC服务器记录到许多ODBC兼容的数据库中.DataLogger与KEPServerEX的无缝集成提供了许多实质性的独特优 ...
js常用方法JQ选择器
一.数组方法 1.arrayObj.concat():连接两个或多个数组 -- 参数可以是任意值 2.arrayObj.slice(start,end):将数组中star元素开始,到end-1的元素组 ...

jq选择器常用方法总结 data数据存储

jq选择器常用方法总结 data数据存储相关推荐

最新文章

热门文章

jq选择器 常用方法总结 data数据存储

jq选择器 常用方法总结 data数据存储相关推荐

最新文章

热门文章

jq选择器常用方法总结 data数据存储

jq选择器常用方法总结 data数据存储相关推荐