标签: jquery-selectors

jQuery或CSS选择器,用于选择以某些字符串开头的所有ID

如何选择id以"player_"开头的所有元素?

我有这样的多个元素:

<div id="player_290x3dfda">text</div>
Run Code Online (Sandbox Code Playgroud)

每个人id都有一个独特的印章.如何使用jQuery或纯CSS选择所有这些元素?

css jquery css-selectors jquery-selectors

151
推荐指数
3
解决办法
13万
查看次数

在父项悬停时更改子元素的CSS

首先,我认为这对于CSS3来说太复杂了,但是如果某个地方有解决方案的话,我很乐意改用它.

HTML非常简单.

<div class="parent">
    <div class="child">
        Text Block 1
    </div>
</div>

<div class="parent">
    <div class="child">
        Text Block 2
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

子div设置为display:none; 默认情况下,但随后更改为display:block; 当鼠标悬停在父div上时.问题是这个标记出现在我的网站上的几个地方,我只希望孩子显示如果鼠标在它的父母上面,而不是如果鼠标在任何其他父母上面(他们都有相同的类)名称和没有ID).

我已经尝试使用$(this),并.children()无济于事.

$('.parent').hover(function(){
            $(this).children('.child').css("display","block");
        }, function() {
            $(this).children('.child').css("display","none");
        });
Run Code Online (Sandbox Code Playgroud)

css jquery parent jquery-selectors

151
推荐指数
5
解决办法
17万
查看次数

jQuery vs document.querySelectorAll

我多次听说jQuery最强大的资产是它在DOM中查询和操作元素的方式:你可以使用CSS查询来创建在常规javascript中很难做到的复杂查询.不过,据我所知,就可以实现同样的结果document.querySelector或者document.querySelectorAll,这是在Internet Explorer 8和更高版本支持.

所以问题是这样的:如果使用纯JavaScript可以实现最强大的资产,为什么'冒险'jQuery的开销?

我知道jQuery不仅仅有CSS选择器,例如跨浏览器AJAX,附带好的事件等等.但它的查询部分是jQuery强大的一部分!

有什么想法吗?

html javascript jquery css-selectors jquery-selectors

151
推荐指数
8
解决办法
12万
查看次数

如何获取div元素的所有子输入(jQuery)

HTML:

<div id="panel">
  <table>
    <tr>
       <td><input id="Search_NazovProjektu" type="text" value="" /></td>
    </tr>
    <tr>
       <td><input id="Search_Popis" type="text" value="" /></td>
    </tr>
  </table>
</div>
Run Code Online (Sandbox Code Playgroud)

我需要选择特定div中的所有输入.

这不起作用:

var i = $("#panel > :input");
Run Code Online (Sandbox Code Playgroud)

jquery jquery-selectors

147
推荐指数
6
解决办法
36万
查看次数

jQuery:选择给定类的所有元素,但特定的Id除外

这可能很简单.

我想选择给定类的所有元素thisClass,除非id是thisId.

即相当于(其中 - /减号暗示删除)的东西:

$(".thisClass"-"#thisId").doAction();
Run Code Online (Sandbox Code Playgroud)

jquery jquery-selectors

141
推荐指数
5
解决办法
11万
查看次数

是否有一个不区分大小写的jQuery:包含选择器?

是否有一个不区分大小写的版本:包含 jQuery选择器,还是应该通过循环遍历所有元素并将它们的.text()与我的字符串进行比较来手动完成工作?

javascript jquery jquery-selectors

140
推荐指数
9
解决办法
7万
查看次数

检查是否有任何祖先使用jQuery的类

有没有办法在jQuery中检查是否父,祖父,曾祖父有一个类.

我有一个标记结构让我在代码中做了这样的事情:

$(elem).parent().parent().parent().parent().hasClass('left')
Run Code Online (Sandbox Code Playgroud)

但是,为了代码可读性,我想避免这种事情.有没有办法说"任何父母/祖父母/曾祖父母都有这门课程"?

我正在使用jQuery 1.7.2.

html javascript jquery jquery-selectors jquery-1.7

140
推荐指数
3
解决办法
11万
查看次数

将类选择器和属性选择器与jQuery组合在一起

是否可以将类选择器属性选择器与jQuery结合使用?

例如,给定以下HTML:

<TABLE>
  <TR class="myclass" reference="12345"><TD>Row 1</TD></TR>
  <TR class="otherclass" reference="12345"><TD>Row 2</TD></TR>
  <TR class="myclass" reference="12345"><TD>Row 3</TD></TR>
  <TR class="myclass" reference="54321"><TD>Row 4</TD></TR>
</TABLE>
Run Code Online (Sandbox Code Playgroud)

我可以用什么选择器来选择第1行和第3行?

我试过了:

$(".myclass [reference=12345]") // returns nothing

$(".myclass, [reference=12345]") // returns all 4 rows (yes, I know the comma means 'or')
Run Code Online (Sandbox Code Playgroud)

我确定答案非常简单,我已经尝试搜索jQuery论坛和文档,但我似乎无法想出这个.有人可以帮忙吗?

javascript jquery jquery-selectors

135
推荐指数
3
解决办法
12万
查看次数

在jQuery中,如何设置元素的"顶部,左侧"属性,其中位置值相对于父级而不是文档?

.offset([coordinates])method设置元素的坐标,但仅相对于文档.那么我如何设置元素的坐标但相对于父元素的坐标?

我发现该.position()方法只获得相对于父级的"top,left"值,但它没有设置任何值.

我试过了

$("#mydiv").css({top: 200, left: 200});
Run Code Online (Sandbox Code Playgroud)

但不起作用.

css jquery positioning css-position jquery-selectors

135
推荐指数
5
解决办法
35万
查看次数

如何在JQuery中的DIV中选择带有类的项目

我有以下HTML:

div

我希望能够使用选择内部div的选择器,但特定于"mydiv"容器.我怎样才能用JQuery实现这一目标?

html javascript jquery class jquery-selectors

134
推荐指数
4
解决办法
35万
查看次数