jQuery根据style筛选元素

<div style="display:block;">
    <input/>
</div>
<div style="display:none;">
    <input/>
</div>

如上的两个input元素,获取两个input元素,常规的按index、id或判断等形式也能实现,但是很麻烦,可以用以下办法

$(".div[style=‘display:block;‘] input")

注意“;”分号不能省略

原文地址:https://www.cnblogs.com/yanan7890/p/11698403.html

时间: 2024-10-08 15:27:21

jQuery根据style筛选元素的相关文章

jquery 筛选元素(1)

.eq() 减少匹配元素的集合为指定的索引的那一个元素. .eq(index) index一个整数,指示元素的位置,以0为基数. $("li").eq(2).css('background-color', 'red') //选择第三个元素将其 将其背景变成红色. .eq(-index) -index 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数. $("li").eq(-2).css('background-color', 'red') //选择倒数第二

随机色&原生DOM筛选元素

function colorRandom1(){ var r = Math.floor(Math.random()*51+200); var g = Math.floor(Math.random()*51+200); var b = Math.floor(Math.random()*51+200); return 'rgb('+r+','+g+','+b+')'; } var div = document.body.getElementsByTagName('div')[0]; div.styl

jQuery如何获取当前元素的兄弟元素

jQuery如何获取当前元素的兄弟元素:在实际应用中,有时候要获得当前元素的兄弟元素,下面就通过一段实例代码简单介绍一下如何获取当前元素的兄弟元素.实例代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &l

[ jquery 方法 get(index) ] 可以将取得的相应jquery对象和DOM元素对象进行转化

取得其中一个匹配的元素:index表示取得第几个匹配的元素,这能够让你选择一个实际的DOM 元素并且对他直接操作,而不是通过 jQuery 函数.$(this).get(0)与$(this)[0]等价, 这段话的意思就是可以将jquery对象和DOM元素对象进行转化 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta htt

jquery删除指定li元素简单介绍

jquery删除指定li元素简单介绍:本章节介绍一下如何利用jquery删除指定的li元素,虽然比较简单,但这也是比较常见的操作,可能很多初学者还是不够了解,下面就通过代码实例介绍一下如何实现此功能,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.sof

使用jquery获取指定li元素后面的所有兄弟元素

使用jquery获取指定li元素后面的所有兄弟元素:如果我们已经获取了一个li元素,那么如何获取此li元素后面的所有的兄弟元素,下面就通过代码实例做一下简单介绍.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /&g

解析Jquery取得iframe中元素的几种方法

DOM方法:父窗口操作IFRAME: ? 1 window.frames["iframeSon"].document IFRAME操作父窗口: ? 1 window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25  $(window.frames["iframeSon"].doc

jquery如何阻止子元素相应mouseout事件

jquery如何阻止子元素相应mouseout事件:mouseout有一个特点,当鼠标移入子元素的时候,也会触发此事件,但是在实际应用中这个特点往往不是我们想要的,下面就通过代码实例介绍一下如何实现此效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ww

jquery设置和获取元素的属性

jquery设置和获取元素的属性: 使用jquery可以方便的设置指定元素的属性,下面就以div元素为例子做一下简单介绍. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁