js 和 jquery 获取元素比较

最新推荐文章于 2020-12-21 09:49:56 发布
最新推荐文章于 2020-12-21 09:49:56 发布
阅读量337 收藏
点赞数
分类专栏： jquery篇 文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33391600/article/details/108161620
版权

页面元素

<body>
	<div></div>
	<div class="class1"></div>
	<div id="id1"></div>
</body>

js 获取单一元素 不同方式


//var div1 = document.getElementsByTagName("div");// 返回对象集合
var div2 = document.getElementsByTagName("div")[0];// 正确

//var div3 = document.getElementsByClassName("class1");// 返回对象集合
var div4 = document.getElementsByClassName("class1")[0];// 正确

var div5 = document.getElementById("id1");

jquery 获取单一对象

var $div1 = $("div");// 返回对象的集合
var $div2 = $("div").eq(0);// 返回jquery对象
var $div3 = $("div").get(0);// 返回dom对象
var $div4 = $(".class1");
var $div5 = $("#id1");
星空下的守护F
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery比较相同元素的高度并获取最高值
sunshineTing2的博客
12-02 669
在相同的div元素中，获取元素高度最大的值，并设置最大值为元素高度 <script> $(function() { var h_max = 0; //定义一个默认变量，并赋值为0，用于比较 $('.ClassName').each(function() { //遍历相同样式名的元素 var h = $(this).height(); //获取每个元素的高度，（可根据需要使用outerHeight、innerHeight） h_max = h > h_max ? h : h_m
JavaScript和jQuery的区别
weixin_46412204的博客
11-16 2195
JavaScript和jQuery的区别： 一、本质上的区别：js是网页脚本语言，而jQuery是基于js语言封装出来的一个前端框架。也就是说js是一种语言，而jQuery是基于该语言的一种框架。【推荐阅读：JavaScript教程】二、用法上的区别：外观上jQuery对象比js对象多了"$（）"，这是最直观的区别；操作内容非表单元素（如果是文本就用text方法，如果是html代码就用html方法）：例如：div.text（）； ——无参数的情况下是取值div.text（“aaaa”）； ——有参数的情况下
javaScript与jQuery的比较（区别）
热门推荐
ygh5123687的博客
03-26 1万+
一：本质区别 javaScript是通过<script></script>标签插入到html页面中，支持当前所有主流浏览器的轻量级的编程语言。 jQuery是一个javaScript函数库（javaScript框架），使用jQuery，需要在html页面开始引入jQuery库。例： <script src="js/jquery.min...
DOM操作js和jQuery操作元素对比
王菜鸟的博客
08-15 532
今天主要写写关于js的dom操作和jquery操作元素的对比，主要从获增删几个方面分析。 先看看js的节点信息： 节点名称 nodeName nodeType nodeValue 元素节点 标签名(大写) 1 null 属性节点 属性名称 2 属性值 文本节点 #text 3 文本内容 注释节点 #comment 8 注释内容 文档节点 #document 9 null 我们要操作的更多是元素节点： 1.获取节点对象 方法 特点 返回值 兼容性 getEl
jQuery获取元素和原生js获取元素有什么区别
沐法沙
09-12 1489
DOM对象：用原生 js 获取过来的对象就是 dom 对象 jQuery对象： 用 jQuery 方式获取过来的对象就是 jQuery 对象，本质：通过$把DOM元素进行包装后产生的对象（伪数组形式存储） jQuery 对象只能使用 jQuery 方法，DOM 对象则使用原生的 JavaScript 属性和方法 Dom对象和 jQuery 对象相互转换 因为原生 js 比 jQuery 更大，原生...
JavaScript与JQUERY获取元素的宽、高和位置
10-20
2. **jQuery获取元素信息** - `offset()`: jQuery的`offset()`方法返回一个包含`top`和`left`属性的对象，表示元素相对于文档的坐标。 - `position()`: 提供了元素相对于最近的已定位父元素的位置，如果没有定位的...
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
10-22
本文给大家简单总结了下JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法，非常的简单实用，有需要的小伙伴可以参考下
jQuery获取元素父节点的方法
10-22
在标题和描述中提到的"jQuery获取元素父节点的方法"，主要包括`parent()`、`parents()`和`closest()`这三个方法。下面将详细介绍这三个方法以及它们的区别。 1. `parent([expr])`： `parent()`方法用于获取匹配...
Jquery实现获取子元素的方法分析
10-16
首先，`children()`方法是jQuery提供的一种获取元素直接子级的方法。它接受一个可选的选择器作为参数，用于筛选匹配的子元素。例如，如果我们有一个`<ul>`元素，我们可以通过`$("ul").children("li")`来获取所有的...
JavaScript和JQuery获取DIV值的方法示例
10-20
主要介绍了JavaScript和JQuery获取DIV值的方法,结合具体实例形式对比分析了javascript与jQuery获取页面div元素值的实现技巧,需要的朋友可以参考下
jquery和javascript的区别以及常用方法比较
XuJiangDong
03-27 2755
jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单，为了说明区别，下面与大家分享下JavaScript 与JQuery 常用方法比较jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。人家怎么说的来着，jquery就是要用更少的代码，漂亮的完成更多的功能。Javascript 与JQuery 常用方法比较1、
jQuery获取标签元素与JavaScript的区别
Alex的博客
07-04 918
HTML&lt;p class="pp" id="first"&gt;1&lt;/p&gt; &lt;p class="pp"&gt;2&lt;/p&gt; &lt;p class="pp"&gt;3&lt;/p&gt; &lt;p class="pp"&gt;4&lt;/p&gt;
JS和jQuery的区别(超级详细)
岛田悠米
04-22 4586
jquery和js的区别是什么？ 一、首先来看一下jQuery和js的概念 jquery是一个快速、简洁的JavaScript库，极大的简化了javascript编程。 js是一种脚本语言，常用于网页客户端编程，使网页在客户端浏览器中，实现更多地动态功能，表现出更加丰富的视觉效果。 所以，最本质的区别就是js是一种语言，而jQuery是基于该语言的一种框架。除却最本质的区别还有一些用法上的差别。 ...
js和jQuery加载DOM的几种方法对比
Jason_We的博客
12-13 1198
js和jQuery加载DOM的几种方法比较
JS/JQ之数值比较
fjigww
07-11 1136
var a = 110; var b = 12; if(b &amp;amp;gt; a) { alert(&amp;quot;字符串比较&amp;quot;); } 此比较方式错误，结果将弹出； JS/JQ中此比较将作为字符比较，当1和1相等后，2将大于1，即 b &amp;amp;gt; a。 so，比较数值时转型比较： if(parseInt(b) &amp;amp;gt; parseInt(a)){ alert(&amp;q
JavaScript和Jquery的区别
weixin_44022374的博客
12-21 1359
1、本质上的区别 Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。jQuery是基于javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发。 jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到 2、兼容性的区别 JavaScript有各种浏览器兼容问题，代码复杂冗余，而jQuery中完全没有兼容性问题。 3、语法上的差异 1）、操作元素节点 JavaScript使用：getElement系列、qu
JQuery和JavaScript常用方法的一些区别
weixin_30663391的博客
10-20 110
jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单，为了说明区别，下面与大家分享下JavaScript 与JQuery 常用方法比较 jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。人家怎么说的来着，jquery就是要用更少的代码，漂亮的完成更多的功能。JavaScript 与JQuery 常用...
jquery获取元素
最新发布
05-26
您可以使用jQuery的选择器来获取元素。例如，要获取id为"myElement"的元素，您可以使用以下代码： ```javascript var element = $("#myElement"); ``` 同样，您也可以使用类名或标签名来获取元素。例如，要获取...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值