Comment convertir une chaîne avec jquery

Lors du développement avec jQuery, nous devons parfois convertir un objet jQuery en chaîne. Par exemple, vous devez convertir les données d'un formulaire en chaîne lors d'une requête AJAX, ou vous devez imprimer un objet jQuery lors de l'impression des informations de débogage. Alors, comment convertir un objet jQuery en chaîne ?

En fait, convertir des objets jQuery en chaînes est très simple et jQuery fournit plusieurs méthodes pour réaliser cette fonction. Ci-dessous, je vais vous présenter certaines des méthodes les plus couramment utilisées.

Méthode 1 : utilisez la méthode $.fn.text()

$.fn.text() pour obtenir le contenu en texte brut de l'élément spécifié. Si l'élément contient des sous-éléments, ignorez les balises HTML de l'élément. sous-éléments et fusionner le contenu du texte.

Par exemple, nous avons un élément div :

<div id="test">
    <h1>标题</h1>
    <p>段落1</p>
    <p>段落2</p>
</div>

Nous pouvons utiliser le code suivant pour convertir cet élément div en chaîne :

var str = $('#test').text();
console.log(str); // 输出：标题段落1段落2

Méthode 2 : Utilisez la méthode $.fn.html()

$.fn La méthode .html() peut obtenir le code HTML de l'élément spécifié, y compris les balises HTML et le contenu du texte.

Par exemple, s'il y a un élément div :

<div id="test">
    <h1>标题</h1>
    <p>段落1</p>
    <p>段落2</p>
</div>

Nous pouvons utiliser le code suivant pour convertir l'élément div en chaîne :

var str = $('#test').html();
console.log(str); 
// 输出：
// <h1>标题</h1>
// <p>段落1</p>
// <p>段落2</p>

Méthode 3 : Utilisez la méthode $.fn.serialize()

$. La méthode fn.serialize() peut sérialiser la valeur de l'élément de formulaire en une chaîne à utiliser dans les requêtes AJAX.

Par exemple, s'il existe le formulaire suivant :

<form id="myForm">
  <input type="text" name="username" value="zhangsan">
  <input type="text" name="password" value="123456">
  <select name="gender">
    <option value="male" selected>男</option>
    <option value="female">女</option>
  </select>
  <label><input type="checkbox" name="hobby" value="movie" checked>电影</label>
  <label><input type="checkbox" name="hobby" value="music">音乐</label>
  <br>
  <input type="submit" value="提交">
</form>

Nous pouvons utiliser le code suivant pour convertir le formulaire en chaîne :

var str = $('#myForm').serialize();
console.log(str); // 输出：username=zhangsan&password=123456&gender=male&hobby=movie

Avec les trois méthodes ci-dessus, nous pouvons convertir des objets jQuery en chaînes pour une utilisation facile en développement . Bien entendu, il existe d’autres moyens d’obtenir cette fonctionnalité, ce ne sont là que quelques-uns des plus courants.

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!