jQuery –如何获取具有CSS类名和ID的元素

最新推荐文章于 2021-06-08 13:45:04 发布
最新推荐文章于 2021-06-08 13:45:04 发布
阅读量1.8k 收藏
点赞数
文章标签： javascript ViewUI

在jQuery中，您可以轻松获取具有CSS类名和ID的元素。

例如，

1. ID：#id

  • $（'＃idA'） –选择所有ID为'idA'的元素，无论其标签名称如何。
  • $（'div＃idA'） –选择所有ID为'idA'的div元素。

2.类别：.classname

  • $（'。classA'） –选择所有具有类名'classA'的元素，而不管其标签名如何。
  • $（'div.classA'） –选择所有具有类名'classA'的div元素。

完整的例子 

<html>
<head>
<title>jQuery Get element with class name and id</title>
 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
 
</head>
 
<script type="text/javascript">
 
$(document).ready(function(){
	
    var $element = $('.classABC').html();
    alert($element);
	
    var $element = $('#idABC').html();
    alert($element);

});

</script>
<body>

<h1>jQuery Get element with class name and id</h1>

	<div class="classABC">
		This is belong to 'div class="classABC"' 
	</div>
	
	<div id="idABC">
		This is belong to 'div id="idABC"'
	</div>
	
</body>
</html>
试试演示
标签：

翻译自: https://mkyong.com/jquery/jquery-how-to-get-element-with-css-class-name-and-id/

cyan20115
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery - 获取并设置 CSS 类
weixin_57746257的博客
08-07 577
jQuery - 获取并设置 CSS 类 一、第一部分 我们开始是先设置HTML的结构部分，而我这里放的图片是Css的样式的部分，HTML的结构在下面的图中。这一次我主要写的是JQuery的获取和设置Css类，Css中获取类中，我们还有一个：“设置或返回样式属性”，而这一方法在我的上一篇有写到，如果有需要的，可以去看一下，都是同属于“获取并设置Css类”的内容。 下面我会把演示的效果图，展示在下面。 二、第二部分 方法的解释： addClass() - 向被选元素添加一...
jQuery---操作类名
qq_45802159的博客
11-25 1928
操作类名 假设我们有如下HTML标签，接下来的几个方法都会用到这些标签： <h1>Hello jQuery</h1> <h1>Hello jQuery</h1> <h1>Hello jQuery</h1> addClass( ) 为集合中的每个元素添加类名。 // 使用 addClass() 为 jQ 集合...
js 。jquery 的配合获取相同id的元素
aazhongzheng的专栏
03-16 3572
jquery有获取相同id元素的方法是$('[id=xx]')。 处理相同id 的方法是。.each(function(i){  }); 函数。 其实jquery 是js的一个封装库。jquery的对象，js可以引用 var object = $('[id=my'+va+']') ; for ( var i = 0 ;i < object.length;i ++ )
css jquery 获取class下面的id
softuse的博客
06-14 789
<div class="imgBox> <img id="pic" src="..." /> </div> var pic = $('.imgBox'+' '+'#pic');
在jquery中怎么使用css 类名和id 来获得元素
行天之路
10-23 1万+
在jquery中，你可以很容易的使用css 类名和id来获得元素。 例如： 1 ID： #id  $(‘#ida’)—选择id 为ida的所有元素，不管元素的标签名如何。  $(‘div#ida’)—选择id为ida的所有div标签元素。   2 Class：.classname $(‘.classA’)—选择类名有一个为classA的所有元素，不管其标签名如何。 $(‘div.c
CSS选择器和jQuery选择器
最新发布
01-31
- **类选择器**: 选择所有具有指定类名的元素。 ```css .highlight { background-color: yellow; } ``` - **ID选择器**: 选择ID为特定值的元素。 ```css #main-header { font-size: 24px; } ``` - **属性...
jquery获取css中的选择器(实例讲解)
10-26
本文将详细介绍如何使用jQuery获取CSS中的各种选择器，包括基础选择器和层级选择器，并通过实例来说明它们的用法。 首先，我们需要了解一些基础概念。在W3C文档对象模型（DOM）中，元素（Element）是节点（Node）的...
JQUERY选择器　id选择器<br> 2)　　$('.class')　　css选择器,class类名<br>
05-28
2)　$('.class')　css选择器,class类名 3)　$('element')　标签选择器，例如p,h1,div 4)　$('*')　全选择器,可选择所有的html标签(影响范围较大甚用) 5)　$('sele1,sele2')　用‘,'逗号隔开可以选择...
jQuery自定义标签获取ID代码
06-24
jQuery的选择器非常强大，可以基于ID、类名、属性等多种条件来选取元素。获取ID的方法通常是`$("#elementId")`，这里的`#`用于指定ID选择器。例如，如果你有一个自定义标签`<my-label id="example">`，你可以用`$("#...
html 获取class节点,jquery获取class元素
weixin_31510897的博客
06-08 3761
jQuery获取div下的所有class元素？欢迎来到CSS布局HTML。 可以试下map函数 希望对你有帮助。jquery 是如何通过 class 来获取元素的？jquery通过任何选择器取得的对象都是jquery对象而不是JavaScript的dom对象不能用js的方法进行操作 而需要使用jquery对象支持的方法 如果是通过class的话取得的是jquery对象数组 ps 如果想把jquer...
jquery如何获取第一个或最后一个子元素？
u010227447的专栏
05-04 6万+
通过children方法，children("input:first-child") 1 2 $(this).children("input:first-child").val(); $(this).children("input:last-child").val(); 通过>选择器，$(".items>
通过CSS名称取元素的方法
a50059074的博客
05-11 3993
总结了几种方法，先放方法，后面介绍区别。1 doucment.getElementsByClassName("cssName");//cssName为css的名称 2.1 document.querySelector("标签名.cssName");//标签名指的是div,button,a,li这种 2.2 document.querySelector(".cssName"); 3.1 docu...
使用jQuery获取类名
w36680130的博客
04-21 7546
I want to get the class name using jQuery 我想使用jQuery获取类名 And if it has an id 如果它有id <div clas
jq获取class,类属性的第一个元素
liguoxiangzhizui的博客
10-13 2万+
html:代码: 获取我 jq代码 $(&quot;.class1”)[0].append(&quot;追加代码&quot;);
jquery多类名class获取元素
ghw2906的博客
09-04 1万+
&lt;div class="tab active"&gt; &lt;div class="tab"&gt; 如果有两个div，想获取带active的div，可以通过 $(".tab.active")来获取。 注意：类名之间是没有空格的。如果中间有空格是要获取.tab下带.active的子孙代元素。...
jQuery根据元素属性获取div
weixin_44134899的博客
12-17 4293
在编码过程中有时候需要根据div的一些属性去找到符合属性的div，此时可以提前给div自定义一个属性并赋值，根据此属性来查找div。 例如，给div一个自定义的属性：tip 。 &lt;div class="myclass" tip = "thistip"&gt;&lt;/div&gt; &lt;div class="myclass2" tip = "twotip"&gt;&amp
怎么使用jquery判断一个元素是否含有一个指定的类（class）
热门推荐
行天之路
10-15 17万+
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下： 1.           is(‘.classname’) 2.           hasClass(‘classname’) 以下是一个div元素是否包含一个redColor的例子： 1. 使用is(‘.classname’)的方法 $('div').is('
Jquery选择器：通过class名获取ID
王春兰的博客
02-28 5万+
记录一下自己不太熟悉的Jquery选择器的用法。 通过class名获取 按 class 查找注意在 class 名称前加一个.： var a = $('.red'); // 所有节点包含 `class="red"` 都将返回 // 例如: // &lt;div class="red"&gt;...&lt;/div&gt; // &lt;p class="green red"&..
利用jQuery获取和设置HTML页面元素的方法有哪些
06-12
jQuery是一个JavaScript库，提供了许多用于获取和设置HTML页面元素的方法。以下是一些常用的方法： 1. `$(selector).html()`: 获取或设置元素的HTML内容。 2. `$(selector).text()`: 获取或设置元素的文本内容。 3. `$(selector).attr(attributeName)`：获取元素的指定属性值。 4. `$(selector).attr(attributeName, value)`：设置元素的指定属性值。 5. `$(selector).val()`：获取表单元素的值。 6. `$(selector).val(value)`：设置表单元素的值。 7. `$(selector).addClass(className)`：向元素添加一个CSS类名。 8. `$(selector).removeClass(className)`：从元素中删除一个CSS类名。 9. `$(selector).toggleClass(className)`：如果元素没有指定的CSS类名，则添加它，否则删除它。 10. `$(selector).css(propertyName)`：获取元素的指定CSS属性值。 11. `$(selector).css(propertyName, value)`：设置元素的指定CSS属性值。 其中，`selector`表示要选择的HTML元素，可以是元素的标签名、类名、ID、属性等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值