如何用Jquery获取某一个Div的Class或者ID

如何用Jquery获取某一个Div的Class或者ID,第1张

有一个Div,我想获取其ID或者Class值。

那么我可以先定位到这个DIV,然后采用attr方法来获取其值:

假如说:有一段Html代码:

[html] view plain copy

<div class="comment" id="22">

<div class="comment_detail" style="display: block; ">

<div class="comment_my"><textarea class="comment_text" style="height: 16px; "></textarea></div>

<div class="comment_text_bottom" style="display: none; ">

<div class="comment_emotion"><a href="javascript:void(0)" class="comment_emotion_button">表情</a>

<div class="comment_emotion_detail" style="display: none; ">

</div>

</div>

<div class="comment_publish"><input class="submit" type="submit" value="评论"></div>

</div>

</div>

<div class="comment_bar"><a href="javascript:void(0)" class="comment_click"></a></div>

</div>

如果我想从submit处定位,获取到comment处DIv的ID,那么我就可以这样办:

ID值为:

[javascript] view plain copy

$("submit")parent()parent()parent()parent()attr('id');

其值为:22;

CLASS值为:

[javascript] view plain copy

$("submit")parent()parent()parent()parent()attr('class')

其值为:comment;

$("#id")获取这个对象,获取对象属性的话$("#id")attr("属性名")

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

2007年7月,jQuery 113版发布,这次小版本的变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。同年9月,jQuery 12版发布,它去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行更为灵活的定制,而且借助新增的命名空间事件,也使插件开发变得更容易。同时,jQuery UI项目也开始启动,这个新的套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件(widget),以及一组用于构建高级元素(例如可拖放、拖拽、排序)的工具。

2008年5月,jQuery 126版发布,这版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库中,同时也修改了许多BUG,而且有不少的性能得到提高。因此,如果以前的jQuery版本升级到126,那么完全可以从代码中排除Dimensions插件(一个获得元素尺寸、定位的插件)。

在jQuery迅速发展的同时,一些大的厂商也看中了商机。2009年9月,微软和诺基亚公司正式宣布支持开源的jQuery库,另外,微软公司还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员,其他成员还有Google,Intel,IBM,Intuit等公司。

2009年1月,jQuery 13版发布,它使用了全新的选择符引擎Sizzle,在各个浏览器下全面超越其他同类型JavaScript框架的查询速度,程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法,使用live()方法可以为当前及将来增加的元素绑定事件,在13版之前,如果要为将来增加的元素绑定事件,需要使用livequery插件,而在13版中,可以直接用live()方法。

jquery如何获取多个标签中的任意一个

多个标签中的任意一个?

可按jQuery选择器的方式来选择,

$('#XID') 用来查指定ID为“XID”的页面元素

$('cls') 用来查指定样式类class为“cls”的页面元素

$('table tr td')用来按层级查询table->tr->td,返回表格中所有td

$('table tr td:nth-child(2)')返回表格中第2列的内容

……

注意jQuery查找出的是一个集合,可能有多个页面元素,通过get函式来取出其中一个

如:通过$('table tr td')get(1)取出第二个td

js如何获取多个<label>标签其中的一个值

documentgetElementsByTagName("label")[0]innerText

jquery怎么获取多个class的div标签

方法只有一种:

通过JQuery的class选择器方式。写法,选择器中2个class挨着写

示例

<div class='class1 class3'>class1+3</div><div class='class2 class3'>class2+3</div> 选第一个DIV的话 两个class挨着写,中间没有空格$('class1class3')

jquery怎么获取多个a标签里面的href值

<!DOCTYPE ><><head><script src=/jquery/jquery-1111minjs></script><script>$(function(){ $('test-a')each(function(){ alert($(this)attr('href')); })})</script></head> <body> <a href="test-1">如果您点选我,我会消失。</a> <a href="test-2">点选我,我会消失。</a> <a href="test-3">也要点选我哦。</a> </body></>

<script>

$(function(){

$('a')click(function(){

alert($(this)attr('href'));

return false; 加上这个可以防止跳转

})

})

</script>

$(function(){ $('a')click(function(){ alert($(this)attr('href')); return false; 加上这个可以防止跳转 }) })

如何用 jQuery 获取 iframe 中的标签

$iframe变数是用jquery获取的iframe的物件var $ele = $iframecontents()find('#id');

以上就是关于如何用Jquery获取某一个Div的Class或者ID全部的内容,包括:如何用Jquery获取某一个Div的Class或者ID、jquery怎么根据id获取元素值、jquery如何获取多个标签中的任意一个等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9533676.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存