内容选择器

我们在使用Vscode或者WebStrom的时候，会使用 .setClass 来设置元素的class，使用 #setId 设置元素的id，这其实就是简单的基本选择器

所谓的内容选择器指的是可以根据元素中所包含的内容来实现相关验证,对于元素内容的判断,可以选择如下的选择器判断

:contains(内容)   返回包含指定文本内容的所有元素   元素集合

:empty()   选择所有空元素   元素集合

:parent   选择所有含有内容的非空元素   元素集合

:has(选择器)   获取所有包含制定选择器所匹配的元素   元素集合

parent()   使用parent()函数取得指定元素的父元素   元素集合

:parent()   选择含有指定元素的子元素   元素集合

parent()和:parent()区别为一个是函数,使用在对象.函数上,一个为选择器有冒号";"使用在字符串中
此时是需要对应关系以及模糊数据的查询操作的

HTML页面渲染

div{width: 50px;height: 100px;background: red;margin-top: 5px;}<div></div>
<div>我是div</div>
<div>他们我是div123</div>
<div><span></span></div>
<div><p></p></div>

demo举例

:empty()

var $div = $("div:empty");console.log($div);

编写jQuery相关代码
:empty 作用:找到既没有文本内容也没有子元素的指定元素

选择div:

:parent()

var $div = $("div:parent");console.log($div);

:parent 作用: 找到有文本内容或有子元素的指定元素

在上面截图中的0:div和1:div是存在文本内容，2:div里面存在span子元素，3:div里面是p子元素：

选中的div：

:contains(text)

var $div = $("div:contains('我是div')");console.log($div);

作用: 找到包含指定文本内容的指定元素

找到的div:

:has(selector)

var $div = $("div:has('span')");console.log($div);

:has(selector) 作用: 找到包含指定子元素的指定元素

找到的div（倒数第二个div存在span子元素）:

其他类型选择器

选择器是jQuery的基础，在jQuery中，对事件的处理、遍历DOM以及Ajax操作，都是以选择器为基础的，熟练的使用选择器，不仅可以简化代码，更能达到事半功倍的效果。

jQuery中文文档网址：http://jquery.cuishifeng.cn/index.html

https://www.jquery123.com/

里面可以查看所有的API....

Mr.J-- jQuery学习笔记(四)--内容选择器相关推荐

jquery学习笔记四：ajax
$.ajax ->$.get ->$.getJson ->$.getScript ->$post jquery.ajax 最底层ajax接口,参数最灵活,需要自定义的参数也最多 ...
javaweb（03） jQuery学习笔记
javaweb(03) jQuery学习笔记 jQuery介绍什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...
【转载】jQuery学习笔记
jQuery学习笔记 1 基础 HTML :一个人的裸体,是一个人的物质基础,是一个结构. CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人. JavaScript :一个人的灵魂 ...
吴恩达《机器学习》学习笔记四——单变量线性回归（梯度下降法）代码
吴恩达<机器学习>学习笔记四--单变量线性回归(梯度下降法)代码一.问题介绍二.解决过程及代码讲解三.函数解释 1. pandas.read_csv()函数 2. DataFrame ...
[jQuery学习系列四 ]4-Jquery学习四-事件操作
[jQuery学习系列四 ]4-Jquery学习四-事件操作前言: 今天看知乎偶然看到中国有哪些类似于TED的节目, 回答中的一些推荐我给记录下来了, 顺便也在这里贴一下: 一席云集听道推酷 ...
jquery学习笔记及常用函数封装
二.JQuery 学习笔记及常用函数封装 https://download.csdn.net/download/weixin_42530002/13087988 1.JQuery入门 (1).css选 ...
JavaScript学习笔记(四)(DOM)
JavaScript学习笔记(四) DOM 一.DOM概述二.元素对象 2.1 获取方式 (1).通过ID获取一个元素对象,如果没有返回null (2).通过`标签名`获取一组元素对象,,如果没有返 ...
jQuery学习笔记之unbind()
jQuery学习笔记之.unbind() 本文目标 1 了解.unbind()的几种调用方式及其参数含义 2 了解通过函数名解绑事件 3 了解利用命名空间解绑事件学习资料官方描述文档: http: ...
jQuery学习笔记--目录
jQuery学习笔记--Helloworld jQuery学习笔记--DOM对象和jQuery对象 jQuery学习笔记--jQuery选择器 jQuery学习笔记--jQuery的DOM操作 jQu ...

Mr.J-- jQuery学习笔记(四)--内容选择器