Maison > Article > interface Web > Quelles sont les fonctions principales de jquery
Les fonctions principales de jquery : 1. jQuery(), principalement utilisé pour obtenir des éléments HTML DOM et les encapsuler dans des objets jQuery ; 2. "jQuery.noConflict()", utilisé pour transférer le contrôle jQuery de la variable "$".
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
jQuery Core Function
Function | Description |
---|---|
jQuery() | accepte une chaîne contenant un sélecteur CSS utilisé pour faire correspondre une collection d'éléments. |
jQuery.noConflict() | Exécutez cette fonction pour transférer le contrôle de la variable $ à la première bibliothèque pour l'implémenter. |
La fonction jQuery() est la fonction principale de la bibliothèque jQuery, et tout dans jQuery est basé sur cette fonction. Cette fonction est principalement utilisée pour obtenir des éléments HTML DOM et les encapsuler dans des objets jQuery, afin que d'autres propriétés et méthodes fournies par les objets jQuery puissent être utilisées pour opérer sur les éléments DOM.
La fonction jQuery() est très puissante. Elle peut encapsuler intelligemment différents types de paramètres dans des objets jQuery.
jQuery 1.4 ajoute l'utilisation de l'omission du paramètre obj : sans transmettre aucun paramètre, un objet jQuery vide sera renvoyé
jQuery 1.0 a ajouté cette utilisation.
jQuery 1.4 a ajouté cette utilisation.
jQuery 1.0 a ajouté cette utilisation.
Attribute | Description |
---|---|
selector | String type La chaîne de sélection spécifiée, utilisée pour trouver l'élément DOM correspondant. |
context | Facultatif/Type d'objet Spécifie la plage de recherche de la chaîne de sélection, qui peut être des éléments DOM, des tableaux d'éléments DOM, des documents ou des objets jQuery. Si ce paramètre est omis, la valeur par défaut est le document actuel. |
obj | Facultatif/Type d'objet Objet spécifié, utilisé pour encapsuler en tant qu'objet jQuery. Il peut s'agir d'un élément DOM, d'un tableau d'éléments DOM, d'un document, d'un objet jQuery, etc. |
html |
Type d'objet Chaîne de balise HTML spécifiée, telle que "a6f776b766579c28d02706af09482172"、"e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3"、"9a4b06dcac8449df108f039ca54939d094b3e26ee717c64999d7867364b1b4a3" (les balises peuvent également être imbriquées dans des balises, à condition qu'elles soient conformes à la syntaxe HTML). |
ownerDocument | Type de document Spécifie le document sur lequel l'élément DOM est temporairement créé. La valeur par défaut est le document actuel. |
properties | Type d'objet L'objet spécifié, utilisé pour spécifier les propriétés, les événements et les méthodes des éléments DOM. Par exemple : {name:"username", "click":function(){}} |
callback | Function type La fonction spécifiée est utilisée pour s'exécuter immédiatement après le chargement du document DOM. |
La valeur de retour de la fonction jQuery() est de type jQuery et renvoie un objet jQuery.
// 选择当前文档中所有的p标签DOM元素 $("p"); // 选择id属性为username的DOM元素 $("#username"); // 选择所有包含test样式的DOM元素,(例如:class="test") $(".test"); // 选择所有p标签中带test样式的DOM元素 $("p .test");
var dom = document.getElementById("username"); // 将DOM元素封装为jQuery对象 $(dom); var doms = document.getElementsByName("book_id"); // 将DOM元素数组封装为jQuery对象 $(doms); // 将body元素封装为jQuery对象 $(document.body);
// 创建一个空的span标签的临时DOM元素,并将其封装为jQuery对象 // 以下三种方式的效果一致 $('<span/>'); $('<span></span>'); $('<span>'); // 但不推荐使用这种方式 // 创建一个p标签,内部包含带有test样式的span标签 $('<p><span class="test"></span></p>'); // 创建一个表格 var html = '<table>'; html += '<tr>'; html += '<td>单元格1</td>'; html += '<td>单元格2</td>'; html += '</tr>'; html += '<tr>'; html += '<td>单元格3</td>'; html += '<td>单元格1</td>'; html += '</tr>'; html += '</table>'; $(html);
// 创建一个临时的链接jQuery对象 var tempLink = $('<a/>', { id: 'goback', title: 'CodePlayer', html: 'CodePlayer', // 表示链接的锚文本,也就是innerHTML的值 href: 'http://www.365mini.com/', click: function(){ // 统计点击次数 } }); // 追加到body标签内容的末尾 tempLink.appendTo("body"); $('<input/>', { type: 'checkbox', val: 'def', // 表示表单元素的value属性值或textarea的输入内容 click: function(){ alert("点击了复选框"); } }).appendTo("body");
$(function(){ // 本文档页面载入完成后自动执行 alert("文档加载完毕!"); }); // 这相当于ready()函数如下用法的简写 $(document).ready(function(){ // 本文档页面载入完成后自动执行 alert("文档加载完毕!"); });
noConflict( ) méthode Transférez le contrôle de la variable $ vers jQuery.
Cette méthode libère le contrôle de jQuery sur la variable $
Cette méthode peut également être utilisée pour spécifier un nouveau nom personnalisé pour la variable jQuery
Conseil : utilisez-la dans d'autres bibliothèques JavaScript. . Cette méthode est utile lorsque $.
Syntaxe : jQuery.noConflict(removeAll)
removeAll Valeur booléenne Indique s'il faut autoriser la restauration complète des variables jQuery
Tutoriels vidéo associés : JQuery Tutorial(Vidéo)
.Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!