[jQuery]jQuery和DOM对象(三)

iQuery和DOM对象

  • 用原生js获取来的对象就是DOM对象
    // 1. DOM对象
    var myDiv = document.get.querySelector('div'); // myDiv 是DOM对象
    // 输出
    console.dir(myDiv);
  • jQuery对象
 // 2. jQuery对象
    $('div'); // jQuery对象
    console.dir($('div'));
  • jQuery对象的本质是: 利用$对DOM对象包装后产生的对象(伪数组形式存储)
 // 3. jQuery只能使用jQuery方法,DOM使用原生JavaScript属性和方法
    myDiv.style.display = 'none'; //DOM对象方法
    $('div').hide() //jQuery对象方法

END

原文地址:https://www.cnblogs.com/leoshi/p/12335380.html

时间: 2024-10-04 13:43:57

[jQuery]jQuery和DOM对象(三)的相关文章

jQuery入门和DOM对象

jQuery入门和DOM对象 1.开发准备 1. 下载的版本: jquery-3.3.1.min.js :压缩版,发布版84.8KB jquery-3.3.1.js :常规版,开发版265KB 2. 开发工具: ? hbuilder webstrom(推荐) dreamweaver idea ? notepad++ 3. 使用: ? 引入jQuery html中 如果出错,不提示! 如果调试工具(F12)没有错误提示,但显示效果不一致,考虑html错误 常见错误: 引入js库时 必须是 <scr

前端之JavaScript:JS之DOM对象三

js之DOM对象三 一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for (var i in li ){} 现在我们来说一下测试一下第二种(数组和obj的) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">

js之DOM对象三

js之DOM对象三 一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for (var i in li ){} 现在我们来说一下测试一下第二种(数组和obj的) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">

jQuery开发之DOM操作三

1,属性操作 (1)获取属性和设置属性 获取<p>元素的title属性示例代码如下: var $para =$("p"); var p_title =$para.attr("title"); 设置单个属性的jQuery示例代码如下: var $para =$("p"); $para.attr("title","your title"); 设置多个属性的jQuery的示例代码如下: var $pa

web前端【第九篇】JS的DOM对象三

一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for (var i in li ){} 现在我们来说一下测试一下第二种(数组和obj的) //测试for循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

DOM对象与JQUERY对象的相互转化

普通处理,通过标准JavaScript处理: 1 var p = document.getElementById('imooc') 2 p.innerHTML = '您好!学习jQuery才是最佳的途径'; 3  p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById("imooc") 方法获取的DOM元素就是一个DOM对象,再通过innerHTML与style属性处理文本与颜色. jQuery的处理: 1 var $p =

jQuery学习笔记(一)--jQuery对象与DOM对象相互转换

通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象.它与DOM对象完全不同,唯一相似的是它们都能操作DOM. 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短. jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素. jQuery对象转成