Introduction à JQuery

1 Présentation 1. Qu'est-ce que JQuery ? JQuery est une bibliothèque JavaScript qui simplifie les opérations JS et étend les fonctions JS.

2. Principe de séparation JQuery suit le principe de séparation de l'importation et de l'utilisation, c'est-à-dire utiliser un et créer une autre balise &lt ;script>

3. Syntaxe de base $(selector).action(); Obtenez l'élément HTML et effectuez l'opération spécifiée sur l'élément.

Deux sélecteurs 1. Sélecteur de base Identique au sélecteur CSS, sélecteur de base JQuery sélectionne les éléments HTML en fonction de la balise, de la catégorie et de l'identifiant.

2. Sélecteur de combinaison $(selector01,selector02,selectorN) : obtenez les articles qui satisfont à n'importe quelle condition Une collection d'éléments.

$(selector01selector02) : obtenez des éléments qui remplissent plusieurs conditions en même temps.

$(selector01 selector02) : Récupère l'élément qui satisfait à la deuxième condition parmi les éléments enfants de l'élément qui satisfait à la première condition.

3. Le sélecteur d'attribut sélectionne les éléments en fonction des attributs.

$("[attr]") : Obtenez tous les éléments avec l'attribut attr.

$("[attr='value']") : Obtenez tous les éléments avec la valeur d'attribut spécifiée.

$("[attr!='value']") : Récupère tous les éléments avec l'attribut spécifié et dont la valeur n'est pas égale à la valeur spécifiée.

$("[attr$='value']") : Récupère tous les éléments avec l'attribut spécifié et dont la valeur se termine par la valeur spécifiée.

$("[attr^='value']") : Obtenez tous les éléments avec l'attribut spécifié et dont la valeur commence par la valeur spécifiée.

4.$(this) est généralement utilisé dans une méthode pour obtenir l'objet actuel, c'est-à-dire , la méthode appelle who.

Opérations à trois éléments 1. Création d'éléments $(" ") La balise HTML utilisée par JQuery lors de la création d'un objet peut être simplement le début de la balise , ou elle peut inclure à la fois le début et la fin , ou peut inclure des détails, tels que

content 不能够直接使用标签名创建对象，即$("tagName")不能创建对象，这一点不同于JavaScript。

不能够单独使用标签结束标识创建对象，即$(" ")不能创建对象。

2.获取内容 text()：设置或者返回所选元素的文本内容。

html()：设置或者返回所选元素的内容（包含HTML标签）。

val()：设置或者返回所选字段的值。

3.内部插入 append()：在结尾（后端）添加子元素。

prepend()：在开头（前端）添加子元素。

appendTo()：将操作对象作为子对象添加到参数对象结尾。

4.外部插入 before()：在前面添加兄弟元素。

after()：在后面添加兄弟素。

insertBefore()：在前面插入兄弟元素。

insertAfter()：在后面插入兄弟元素。

5.删除元素 remove()：删除自身及子元素。

empty()：删除子元素。

remove("根据基本选择器选择指定元素")：删除基本选择器中指定元素。

6.获取子元素 children()：获取全部子元素。

children("基本组合选择器")：获取具有自定标签与指定属性的子元素。

7.筛选 如果一个选择器返回的结果不是一个对象，而是多个对象构成的集合，可以使用以下方法获取集合中的指定对象：

eq(index)：获取集合中指定索引位置的对象，索引从0开始。

filter(":even")：获取集合中所有索引为奇数的对象。

filter(":odd")：获取集合中所有索引为偶数的对象。

slice(index)：获取索引大于指定值的对象。

slice(0,index)：获取索引小于指定值的对象。

not(selector)：选择指定对象以外的全部对象。

四 属性操作 attr("attrName")：获取属性值。

attr("attrName","attrValue")：修改属性值。

removeAttr("atrrName")：删除属性。

五 常用操作 遍历对象：$.each(obj,function(i,n))，i是索引，n是当前遍历子对象。

获取单选按钮与复选框的选择状态：$(this).is(":checked")。

六 常用标签及其操作 1.select ⑴增加选项 $(selector).options[index]=new Option(name,value);//按照索引增加$(selector).add(option,before);//按照指定位置增加 ⑵删除选项 $(selector).length=0;//全部删除$(selector).remove(index);//按索引删除 ⑶option option.index : définit et renvoie la valeur de l'attribut d'index.

option.text : Définir et renvoyer le texte.

option.value : définit et renvoie la valeur.

option.selected : définit et renvoie le statut de sélection, vrai/faux.