jquery怎么获取一个元素指定属性的值

jquery怎么获取一个元素指定属性的值,第1张

$(this)parent()find("i[isShow='fou']")

元素就是属性isshow为fou的i元素,注意引号。

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+等。

可以使用jQuery的children方法来获取某个元素下的所有子元素。

工具原料:编辑器、浏览器

1、使用children方法可以获得选择器下的所有子元素,代码实例如下:

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="/jquery/jqueryjs"></script>

<style>

  body { font-size:16px; font-weight:bolder; }

  p { margin:5px 0; }

</style>

</head>

<body>

  <div>

    <span>Hello</span>

    <p class="selected">Hello Again</p>

    <div class="selected">And Again</div>

    <p>And One Last Time</p>

  </div>

<script>$("div")children("selected")css("color", "blue");</script>

</body>

</html>

2、运行的结果是找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色,结果如下:

jquery要获取某个元素的属性、样式等等,要先获取这个元素:通过xpath很容易获取,比如用div的id获取——$('#dv')

获取这个元素之后就很容易了,通过height等方法可以获取元素的具体内容等:如高度

$('#dv')height();

宽度:$('#')width();

获取浏览器显示区域的高度 :

$(window)height();

获取浏览器显示区域的宽度 :

$(window)width();

获取页面的文档高度 :

$(document)height();

获取页面的文档宽度 :

$(document)width();

获取滚动条到顶部的垂直高度 :

$(document)scrollTop();

获取滚动条到左边的垂直宽度 :

$(document)scrollLeft();

计算元素位置和偏移量:

$(id)offset();

上一个实例……这种畸形需求……条件太苛刻

建议根据属性值猜一个属性名,毕竟属性名是有限的,而且是有规律的

推荐方法如:$([class="属性值"], [id="属性值"], [title="属性值"])

如果是 data 数据,也可以进行遍历,或者转换成文本进行检索

JSONstringify($('#blog_nav_rss')data())match(/"([\w-]+)":"[^"]检索的内容[^"]"/g)

如果把网页文档转换成文本进行全文检索,效率低下,效果不好。$('body')html()match(/([\w-]+)="[^"]检索的内容[^"]"/g)

("#父窗口元素ID" window parent document); 对应javascript版本为window parent document getElementByIdx_x("父窗口元素ID") 取父窗口的元素方法 $(selector window parent document); 那么你取父窗口的父窗口的元素就可以用 $(selector window parent parent document); 类似的 取其它窗口的方法大同小异 $(selector window top document); $(selector window opener document); $(selector window top frames[ ] document); 子窗口创建及父窗口与子窗口之间通信 Javascriptd出子窗口 可以通过多种方式实现 下面介绍几种方法 ( ) 通过window对象的open()方法 open()方法将会产生一个新的window窗口对象 其用法为 window open(URL windowName parameters); URL: 描述要打开的窗口的URL地址 如何为空则不打开任何网页 windowName:描述被打开的窗口的民称 可以使用 _top _blank 等内建名称 这里的名称跟<a href=" " target=" ">里的target属性是一样的 parameters:描述被打开的窗口的参数值 或者说是样貌 其包括窗口的各个属性值 及要传入的参数值 例如 打开一个 x 的干净的窗口 open( _blank width= height= menubar=no toolbar=no location=no directories=no status=no scrollbars=yes resizable=yes ) 也可以这样写 var newWindow = open( _blank );

参数说明如下 top=# 窗口顶部离开屏幕顶部的像素数 left=# 窗口左端离开屏幕左端的像素数 width=# 窗口的宽度 height=# 窗口的高度 menubar= 窗口有没有菜单 取值yes或no toolbar= 窗口有没有工具条 取值yes或no location= 窗口有没有地址栏 取值yes或no directories= 窗口有没有连接区 取值yes或no scrollbars= 窗口有没有滚动条 取值yes或no status= 窗口有没有状态栏 取值yes或no resizable= 窗口给不给调整大小 取值yes或no

( ) 在javascript中除了通过open()方法建立window对象实现d出窗口外 还可以通过建立对话框的方式d出窗口 如 alert(""); //d出信息提示对话框 confirm(""); //d出信息确认对话框 prompt(""); //具有交互性质的对话框 但是 上述实现的d出窗口具有的功能较为单一 只能完成较为简单的功能 对于需要在对话框中显示多个数据信息 甚至是HTML控件就无能为力了

( ) 使用模态对话框实现复杂的对话框需求 在javascript的内建方法中还有一类方法可以实现通过对话框显示HTML内容 也就是说可以通过创建对话框的方式来完成创建窗口对象所能完成的功能 包括创建模态对话框和非模态对话框两种

实现方法为 //创建模态你对话框 window showModalDialog(sURL vArguments sFeatures) //创建非模态对话框 window showModelessDialog(sURL vArguments sFeatures)

其区别在于 用showModelessDialog()打开窗口时 不必用window close()去关闭它 当以非模态方式[IE ]打开时 打开对话框 的 窗口仍可以进行其他的 *** 作 即对话框不总是最上面的焦点 当打开它的窗口URL改变时 它自动关闭 而模态[IE ]方式的对话框始终有焦点(焦点不可移 走 直到它关闭) 模态对话框和打开它的窗口相联系 因此我们打开另外的窗口时 他们的链接关系依然保存 并且隐藏在活动窗口的下面 showModeDialog()则不然

参数说明 sURL 必选参数 类型 字符串 用来指定对话框要显示的文档的URL vArguments 可选参数 类型 变体 用来向对话框传递参数 传递的参数类型不限 包括数组等 对话框通过window dialogArguments来取得传递进来的参数 sFeatures 选参数 类型 字符串 用来描述对话框的外观等信息 可以使用以下的一个或几个 用分号“;”隔开 dialogHeight 对话框高度 不小于 px IE 中dialogHeight和dialogWidth 默认的单位是em 而IE 中是px 为方便其见 在定义modal方式的对话框时 用px做单位 dialogWidth: 对话框宽度 dialogLeft: 距离桌面左的距离 dialogTop: 离桌面上的距离 center: 窗口是否居中 默认yes 但仍可以指定高度和宽度 取值范围{yes | no | | } help: 是否显示帮助按钮 默认yes 取值范围 {yes | no | | } resizable: 是否可被改变大小 默认no 取值范围 {yes | no | | } [IE +] status: 是否显示状态栏 默认为yes[ Modeless]或no[Modal] 取值范围{yes | no | | } [IE +] scroll:指明对话框是否显示滚动条 默认为yes 取值范围{ yes | no | | | on | off } 还有几个属性是用在HTA中的 在一般的网页中一般不使用 dialogHide:在打印或者打印预览时对话框是否隐藏 默认为no 取值范围{ yes | no | | | on | off } edge:指明对话框的边框样式 默认为raised 取值范围{ sunken | raised } unadorned:默认为no 取值范围{ yes | no | | | on | off }

lishixinzhi/Article/program/Java/JSP/201311/20651

以上就是关于jquery怎么获取一个元素指定属性的值全部的内容,包括:jquery怎么获取一个元素指定属性的值、jQuery怎么获取一个DIV下所有元素的值、jquery怎么获得div内容高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9762530.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存