您当前的位置： 首页 > 学无止境 > 心得笔记 网站首页心得笔记

jquery选择器-或选择器、不包含某属性选择器的使用(面试总结)

发布时间：2018-05-25 16:26:21编辑：雪饮阅读（）

 今天去面试php，在倒数第二题目时栽跟头了，是一个jquery选择器的题目，平常也不怎么用jquery，而是用原生JavaScript的多，这才导致这次栽跟头。

题目如下：

<div drag='true' index='1'></div>

<div drag='true' index='2'></div>

<div drag='true'></div>

要求找到drag="true"并且index="1"或无index属性的div

当时没有解决，回来后查阅资料得到解决方法如下：

<script>

var sel=$("div[drag='true']:not([index]),div[drag='true'][index=1]");

console.log(sel);

</script>

解析：

环境：jquery1.11.2.min.js

div[drag='true']:not([index]):这部分是选择属性drag为true且不包含index属性的div元素

div[drag='true'][index=1]":这部分是选择属性drag为true且index属性为1的div元素

在jquery选择器中进行逻辑或运算用逗号分隔即可