jQuery :empty怎么用?


jQuery :empty怎么用?

作用::empty 选择器选取空的元素。空元素指的是不包含子元素或文本的元素。

语法:$(":empty")

(推荐学习:jQuery 教程手册

jquery :empty选择器 示例

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script src="./jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                // 给空元素设置背景颜色
                $(":empty").css("background-color", "#B2E0FF");
            });
        </script>
    </head>
    <body>
<h1>Welcome to My Web Page</h1>

        <table>
            <tr>
                <th>Id</th>
                <th>LastName</th>
                <th>FirstName</th>
                <th>Address</th>
                <th>City</th>
            </tr>
            <tr>
                <td>1</td>
                <td></td>
                <td>John</td>
                <td>Oxford Street</td>
                <td></td>
            </tr>
            <tr>
                <td>2</td>
                <td>Bush</td>
                <td>George</td>
                <td></td>
                <td>New York</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Carter</td>
                <td>Thomas</td>
                <td>Changan Street</td>
                <td>Beijing</td>
            </tr>
            <tr>
                <td>4</td>
                <td>Obama</td>
                <td></td>
                <td>Pennsylvania Avenue</td>
                <td>Washington</td>
            </tr>
        </table>
    </body>

</html>

脚本执行前:

Snipaste_2019-12-30_17-35-56.jpg

脚本执行后:

Snipaste_2019-12-30_17-36-07.jpg

Image placeholder
前端答疑
未设置
  24人点赞

没有讨论,发表一下自己的看法吧

推荐文章
jquery ajaxError()方法怎么用?

jqueryajaxError()方法怎么用?ajaxError()方法规定AJAX请求失败时运行的函数。注意:自jQuery版本1.8起,该方法只被附加到文档。语法:$(document).ajax

jquery on()怎么用?

jqueryon()怎么用?基本语法:$(selector).on(event,function) $(selector).on(object,[selector],[data]) $(selecto

jquery bind()怎么用?

jquerybind()怎么用?bind()方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。语法$(selector).bind(event,data,function,map)

jquery中each()怎么用?

jquery中each()怎么用?在jquery中的each有两种用法,分别是$.each()和$(selector).each()。$(selector).each()用于jquery对象的遍历$.

jQuery focus()怎么用?

jQueryfocus()怎么用?jquery中focus()是一个方法,它可以传入一个函数,作为元素获取焦点时的响应事件,也可以不传参数,用来触发focus事件。作用:当元素获得焦点时(当通过鼠标点

jQuery blur()怎么用?

jQueryblur()怎么用?当元素失去焦点时触发blur事件。blur()函数触发blur事件,或者如果设置了function参数,该函数也可规定当发生blur事件时执行的代码。语法$(selec

jquery html()方法怎么用?

jqueryhtml()方法怎么用?html()取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。在一个HTML文档中,我们可以使用.html()方法来获取任意一

jQuery :lang()怎么用?

jQuery:lang()怎么用?jQuery的:lang(language)选择器用于匹配指定语言的所有元素,将其封装为jQuery对象并返回。指定语言的元素,表示该元素具有lang属性,其值为指定

jquery get()怎么用?

jqueryget()怎么用?1、获取DOM元素的get()方法get()方法获得由选择器指定的DOM元素。语法:$(selector).get(index)示例:获得第一个p元素的名称和值$("bu

jquery hasClass()方法怎么用?

jqueryhasClass()方法怎么用?hasClass()方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false。语法结构:$(selector).hasClass(class

jQuery getJSON()方法怎么用?

jQuerygetJSON()方法怎么用?getJSON()方法使用AJAX的HTTPGET请求获取JSON数据。语法:$(selector).getJSON(url,data,success(dat

jquery ajax()怎么用?

jQuery中的ajax()方法用于执行AJAX(异步HTTP)请求。所有的jQueryAJAX方法都使用ajax()方法。该方法通常用于其他方法不能完成的请求。该方法是jQuery底层AJAX实现。

jquery中prop()怎么用?

使用此方法返回属性值时,将返回第一个匹配元素的值;使用此方法设置属性值时,将为选定元素设置一个或多个属性。注意:prop()方法应该用于检索属性值,例如DOM属性(如selectedIndex,tag

jQuery trim()函数怎么用?

trim()函数用于去除字符串两端的空白字符。该函数可以去除字符串开始和末尾两端的空白字符(直到遇到第一个非空白字符串为止)。trim()函数会移除字符串开始和末尾处的所有换行符,空格(包括连续的空格

jquery not()怎么用?

jquerynot()函数怎么用?not()从匹配元素集合中删除元素。如果提供的jQuery对象代表了一组DOM元素,.not()方法构建一个新的匹配元素的jQuery对象,用于存放筛选后的元素。所提

jquery有什么用?

一经推出便大受网站建设人员的欢迎,目前基本上已经成为主流的JavaScript语言库,很多网站开发用人单位招聘时都会要求掌握jQuery,使用jQuery不仅能够将原本需要很多JavaScript码才

jquery和jquery ui的区别?

jquery和jqueryui的区别?区别有:1、jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 2、jQueryUI则是在jQuery的基础上,利用jQuery的扩展性,

jquery怎么写ajax?

jquery怎么写ajax?两种在客户端和服务器端进行请求-响应的常用方法是:GET和POST。GET-从指定的资源请求数据POST-向指定的资源提交要处理的数据GET基本上用于从服务器获得(取回)数

jquery怎么判断元素是第几个?

jquery怎么判断元素是第几个?假设有下面这样一段HTML代码: jQuery判断当前元素是第几个元素示例 jQuery获取第N个元素示例 jQuery选择器示例 如果我们点击任何一个li标签,想知

jquery怎么遍历json数组?

jquery怎么遍历json数组?jquery遍历集合可以使用$.each(集合,回调函数)方法,//这里直接使用Array来构造json数组,服务器返回的数据可以使用JSON.parse()函数进行

jquery怎么获取a标签href的值?

jquery怎么获取a标签href的值?href是a标签的一个属性,获取属性的值,在jquery中使用attr()方法。获取a标签的href属性就是$('a').attr('href')语法:$(se

jquery怎么实现淡入淡出效果?

jquery怎么实现淡入淡出效果?jquery实现淡入效果使用fadeIn()、淡出效果使用fadeOut(),来回切换使用fadeToggle()。●jQueryfadeIn()方法:用于淡入已隐藏

jquery怎么操作json?

使用jquery中的$.parseJSON()将字符串转为json对象,它对json数据格式的要求较高,必须要双引号包围起来格式:$.parseJSON(string)例如: varjsonStr='

jquery怎么禁用a标签?

jquery怎么禁用a标签?1、使用attr()方法删除a标签的链接,并重新设置click事件。$("a").each(function(){ $(this).css("cursor","defaul

jQuery怎么删除select选项?

jQuery怎么删除select选项?一、使用伪类选择器、属性选择器+remove()方法删除select选项$("#select_idoption:last").remove();//删除Selec