メソッド一般JQデータセレクタデータストレージ

DOMセレクタ$ CSSへの引数として記号を開始

この方法はさらに、関連する要素を選択します。   

 .get()選択された要素または属性のインデックスが選択されているあなたの選択したタグの指定で取得し、ネイティブのDOMが配列である、それはチェーンのコールを達成することはできません

 .EQ()に基づいて選択された類似のスクリーニング方法を取得するが、彼はJQオブジェクトが実装にチェーンの呼び出しを返します。

 .find()オブジェクトプロパティ効率の節約は、以下の図に、前のインフラに示すことが判明する親に記録prevObject返すメソッドを見つけるために、選択パラメータと$ DOMプログレッシブ層と一致します

  スクリーニングのためのあなたの選択した範囲内.filter()フィルタ。目標リターンJQトラバーサルからこの時間別で、同じレベルに属するフィルタ中に内部フィルタの範囲内で選択されていないパラメータフィルタリング基準のみji'sh限界は、両方のスクリーニングを選択していないができます制限。パラメータはまた、ネイティブDOMにインデックスデータのforeachが、リターンをトラバースする方法と同様の機能であってもよく、これはトラバースネイティブDOMのプロセスを指します

 .NOT()非選択条件が満たされていないフィルタを参照  

後続の条件選択DOM .is()が上記範囲内に含まれるブール値を返す長い交差点真である限り真であります

 .has()     

  

ULのliタグはフィルタの選択は異なるラベルが兄弟の選択の下で行われた選択

 .add()集中操作   

そのレベルpervObject属性ポイントに.END()ロールバック操作はprevobjectを呼び出す処理であります

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

機能を置くために注意サマリーJQ方法:DOMテキスト操作

注意事項:JQオペレーティングDOMは、多くの場合、ここでは、HTMLで動作しますが、単一の操作の例外の束

htmlの()テキスト文字列の選択された構造のHTML構造とフォームを割り当てることができますJQ

これは、最初の値がすべてに割り当てられている値をとりますが、ラベルの割り当ては、htmlタグに文字列を解析します

 ラベルはテキストを()テキストにhtmlタグ情報の解析には割り当てられません選択したテキストのラベル情報を取得している時に引数が解決されていません

サイズ()は、ラベルクラス選択される配列の長さを返します

注:三つの方法上記時間からそれらをJQ戻す時間被験体へのバリューチェーンの呼び出しを実現しないかもしれ

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

DOMクラス名操作 

.addClass、ラベルのクラス名を追加します

.removeClassは、クラスの名前を記入していません指定されたクラス名を削除するためのパラメータを追加するために、クラス名を削除し、すべてのDOMのための動作サイクルのすべてを削除することです。また、機能を転送することができます

選択されたDOMが指定されたクラス名が含まれているかどうかを判断.hasClass

ブール値を返します。

直接属性name属性値の文字列を書き込むための.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仅仅操作数据层  以及视图层就可以了

 

 

发布了56 篇原创文章 · 获赞 1 · 访问量 1205

おすすめ

転載: blog.csdn.net/qq_40819861/article/details/102543128