jQuery est converti en DOM. En développement, il est plus courant de traiter un objet DOM en objet jQuery. $(parameter) est une méthode multifonctionnelle qui produit différents effets en passant différents paramètres.
Après avoir traité l'objet dom ordinaire en un objet jQuery via la méthode $(dom), nous pouvons appeler la méthode jQuery
Regardez le code suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery 对象 与DOM 对象的转换</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
<script type="text/javascript">
var div = document.getElementsByTagName('div'); //这是一个DOM 对象
var $div = $(div); //jQuery 对象 将dom节点div转化为$div的jquery对象
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色
</script>
</body>
</html>Comment pour convertir un objet jQuery en objet DOM
La bibliothèque jQuery est essentiellement du code JavaScript. Elle enveloppe simplement le langage JavaScript afin de fournir un traitement DOM meilleur, plus pratique et plus rapide, ainsi que des fonctions couramment utilisées dans le développement. Lorsque nous utilisons jQuery, nous pouvons également le mélanger avec du code natif JavaScript. Dans de nombreux scénarios, nous avons besoin de jQuery et de DOM pour pouvoir se convertir. Ce sont tous deux des éléments DOM exploitables. JQuery est un objet de type tableau et l'objet DOM est un seul élément DOM.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
<script type="text/javascript">
var $div = $('div'); //jquery对象
var div = $div[1]; //转换成dom对象
div.style.color = "red";//对dom对象进行操作
</script>
</body>
</html>
section suivante