JQUERY获取DOM对象

最新推荐文章于 2022-08-01 12:15:45 发布
最新推荐文章于 2022-08-01 12:15:45 发布
阅读量110 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wangorg/archive/2011/04/07/2008044.html
版权

DOM的全称为文档对象模型，英文：Document Object
Model。DOM与家谱有几分类似，同其它标记语言一样,HTML也使用这个模型来描述页面中元素之间的关系。如


<HTML> <------这是祖先元素


<body> <------这是子元素


<div>   <----div是body的子元素


<p>这是个一个段落。<----P是DIV的子元素


</div>


</body>


</HTML>


那么JQUERY怎么获取DOM对象呢？


答案是：工厂函数：$()


如上DOM，则用$('p')可得到当前的文档中的所有段落


应用：给所有段落增加一个CSS类


CSS:


.p-style{


background:#CCCCCC;


}


javascript:


$('document').ready(function(){


$('p').addClass('p-style');


})


注：以上代码没有进过测试，目的就是说明一下$的用法和DOM对象

转载于:https://www.cnblogs.com/wangorg/archive/2011/04/07/2008044.html

weixin_30894389
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery 获取Dom元素
weixin_30263277的博客
07-07 81
(function (window) { var arr = []; var VP = function (selector, context) { return new VP.fn.init(selector, context); } VP.fn = VP.prototype = { constructor: VP, i...
jq 获取dom对象 HtmlXXXObject
aa912352456的博客
12-14 167
jq是个很好的js库，但是对于一些要直接操作dom对象，所以需要得到dom对象 jq 里有个方法andSelf，可以获取jq选择的dom对象集合。。不管是否以ID选择还是以其他属性选中，jq始终是以集合的方式解决的。 var eles = $("#adwq").andSelf(); eles是个集合对象。也是dom的集合，这样就可以很好的利用dom解决一些jq不能...
jQ与DOM对象
Fairy的博客
02-23 271
1.jQuery对象就是通过jQuery包装DOM对象后产生的对象，jQuery对象无法使用DOM对象的任何方法，反之也不行； jQuery对象-&gt;DOM对象 用$()把DOM对象包装起来 DOM对象-&gt;jQuery对象 [index]或者get[index] var $cr=$("cr')   var cr=$cr[0]/...
使用jQuery操作DOM对象
qq_60213361的博客
11-27 548
jQuery对JavaScript中的DOM操作进行了封装jQuery中的DOM对象 样式操作 设置单个样式： .css("属性名称"，"属性值"); $("#p1").css("background","pink"); 设置多个样式： .css({"属性名称1","属性值1":"属性名称2","属性值2"}); $("#p2").css({"background":"yellow","color":"red"}); 获...
jQuery对象和DOM对象
david___的博客
11-11 368
csdn看到的别人的提的一个问题，研究了一下，很简单的问题 1 下拉框 2 下拉框 3 下拉框 4 下拉框
jQuery获取DOM节点实例分析(2种方式)
11-22
另一种获取DOM节点的方法是使用jQuery对象的`get()`方法。`get()`方法接收一个索引作为参数，返回对应索引的DOM元素。例如： ```javascript var dom = $(dom).get(0); ``` 与使用数组索引的方式类似，`get(0)`会...
jquery获取iframe中的dom对象(两种方法)
10-27
在涉及到跨窗口交互时，尤其是在有 iframe 的场景下，我们需要知道如何通过 jQuery 获取并操作 iframe 中的 DOM 对象。本文将详细讲解两种方法来实现这一目标。 **方法一：通过 `window.frames` 访问 iframe 中的 ...
简述Jquery与DOM对象
01-21
在第一次学习jquery中，常常会不能分辨DOM对象和Jquery对象，下面我们就简诉一下它们之间的关系和区别 1.DOM对象（Document Object Model） 文档对象模型，每一份DOM都可表示为一棵树，例如下面是一个简单的网页...
jQuery对象与DOM对象之间的相互转换
12-04
2. **使用`.get()`方法**：jQuery提供了`.get()`方法，它允许你通过指定索引来获取DOM对象。例如： ```javascript var $cr = $("#cr"); // jQuery对象 var cr = $cr.get(0); // DOM对象，使用.get()方法获取 ```...
jquery对象与DOM对象转化
12-03
当我们使用jQuery时，我们通常会创建jQuery对象，这些对象包含了对DOM元素的引用，但是有时候我们需要将这些jQuery对象转换为原生的DOM对象，或者反之。下面我们将深入探讨jQuery对象与DOM对象之间的转化方式。 ...
jQuery获取的dom对象和原生的dom对象
weixin_33940102的博客
06-17 2548
<div id="box"></div> <!--原生的js--> var a=document.getElementById('aaa') console.log(a)//<div id="box"></div> console.log(a[0] instanceof Object)//true var b=$('#aaa...
jquery获取原生dom对象的方法
onlyoneLIJINGYI的博客
10-08 2395
使用jQuery $(selector)得到的是jquery封装的对象，里面提供了jquery的一些方法，并不是html原生对象。 例如： $(’#addBookForm’) 结果为： 需要获取原生dom对象可以使用： $(selector).get(index) get() 方法获得由选择器指定的 DOM 元素。 $(selector)[0] 获取结果如下图： ...
jQ对象转化为DOM对象
ilbba的博客
08-13 1215
var $div = $(‘div’) ;//jQuery对象 var div = $div.get(0); //通过get方法，转化成DOM对象 div.style.color = ‘red’; //操作dom对象的属性
dom对象&jquery对象
jokerxue___的博客
08-01 681
初学
jquery获取当前对象的html,jQuery获取当前点击的对象元素的方法
weixin_35666711的博客
06-07 1528
3小时12分钟前回答深入理解jQuery中的deferred对象和extend方法1 deferred对象 deferred对象是jQuery的回调函数解决方案，它是从jQuery1.5.0版本开始引入的功能 deferred对象的方法 (1) $.Deferred() 生成一个deferred对象。 (2) deferred.done() 指定操作成功时的回调函数 (3) deferred.fa...
JQuery获取dom值得方法
curry_zhao的博客
08-08 2452
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 html() html(val) html(function(index, html)) 取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。 text() text(val) text(function(index, text)) 获...
jq 获取dom对象this和event.target
ViolenceHK的博客
08-22 5674
几天学习Ajax,看别人在点击事件获取dom时用event.target获取,发现很多不知道的地方。 一、先说说区别 1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(even
jQuery 获取DOM节点的两种方式
ArvinWoo
03-02 6545
jQuery中包裹后的DOM对象实际上是一个数组，要获得纯粹的DOM对象可以有两种方式： 1、使用数组索引方式访问，例如： var dom = $(dom)[0]; 如： $(“#id”)[0] 2、使用函数get()访问，例如： var dom = $(dom).get(0); get()函数中的参数为索引号。 什么是jQuery对象？ 就是通过jQuery包装DOM对象后...
jquery获取dom元素的方法
最新发布
09-07
你可以使用以下方法来获取 DOM 元素的 jQuery 对象： 1. 通过元素标签名或类名选择器： - 通过标签名选择器：`$('tagname')` - 通过类名选择器：`$('.classname')` 2. 通过元素的 id 选择器： - 通过 id 选择器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值