[聚合文章] jQuery--DOM操作(一)

  1. 首页
  2. 聚合文章
  3. 文章详情
jQuery 1900-01-01 19 阅读
原文链接: https://www.jianshu.com/p/b6ed2e59db7c
jQuery对象集合.jpg

一、创建HTML

1.DOM对象和jQuery对象
区别：
• 检测DOM Object：

if ( obj.nodeType )

• 检测jQuery Object：

if ( obj.jquery )

• 转换：

var jqueryObj = $(domObj);var domObj = jqueryObj.get([index]);

代码示例：

<head>    <meta charset="UTF-8">    <title>DOM Object vs jQuery Object</title></head><body>    <div id="div">div</div>    <script src="../../../vendor/jquery-1.12.4.js"></script>    <script>    $(function() {        var DOMObject = document.getElementById('div');        var jQueryObject = $('#div');                console.log(DOMObject);        console.log(jQueryObject);        //console.log('DOMObject.nodeType: %s', DOMObject.nodeType);        //console.log('DOMObject.jquery: %s', DOMObject.jquery);       // console.log('jQueryObject.nodeType: %s', jQueryObject.nodeType);       // console.log('jQueryObject.jquery: %s', jQueryObject.jquery);       // console.log('jQueryObject.get(0): %o', jQueryObject.get(0));       // console.log('$(DOMObject): %o', $(DOMObject));       // console.log('jQueryObject.get(0).nodeType: %s', jQueryObject.get(0).nodeType);        //console.log('$(DOMObject).jquery: %s', $(DOMObject).jquery);    });    </script></body>
                
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。