专栏首页用户7873631的专栏jQuery第十三篇 内容选择器(:empty :parent :contains(text) :has(selector)

jQuery第十三篇 内容选择器(:empty :parent :contains(text) :has(selector)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
				  <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
				  <script>
				  	$(function()
				  		{
				  			var $div=$("div:empty");
				  			console.log($div);
				  			var $div1=$("div:parent");
					  		console.log($div1);
					  		var $div2=$("div:contains('我是div')");
					  		console.log($div2);
					  		var $div3=$("div:has('span')");
					  		console.log($div3);
				  		});
				  </script>
<div></div>
<div>我是div</div>
<div>他们我是div123</div>
<div><span></span></div>
<div><p></p></div>

</body>
</html>
        // :empty 作用:找到既没有文本内容也没有子元素的指定元素
        // :parent 作用: 找到有文本内容或有子元素的指定元素
        // :contains(text) 作用: 找到包含指定文本内容的指定元素
        // :has(selector) 作用: 找到包含指定子元素的指定元素

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • jQuery第二十一篇 scrollTop

    用户7873631
  • js拖拽

    用户7873631
  • 详解: :not 11三种写方式

    核心是表单用最后一种方式,其他的用第一第二种方式哈 问题?为什么表单用的是最后一种方式,因为他有类型哈,因为表单有很多类型·,如果只设一种类型css语法,就t...

    用户7873631
  • 前端-part8-jQurey操作样式一:获取标签属性+修改标签属性

    少年包青菜
  • jquery选择器

    jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。

    Devops海洋的渔夫
  • Position定位

    CSS中position属性是比较常用的元素定位方案,position常用的取值有static、relative、absolute、fixed、sticky、i...

    WindrunnerMax
  • APICloud开发者进阶之路|【案例源码】简单时间轴

    因为想做透明头部,但是win页面打开frm页面后,会遮住win页面的头部,所以就取消了win页面的header标签,下面是win页面的代码:

    APICloud
  • jQuery第二十一篇 scrollTop

    用户7873631
  • CSS旋转魔方

     想不想做一个3D魔方,把儿子的照片放进去,外面是你,里面是他。本人从业至今,自诩是动画机器人,苦心钻研各种动画,精通CSS3、Canvas等,不管你要做什么,...

    我不是费圆
  • H5页面实现原理分析

    <!doctype html> <html> <head> <style> html{overflow:hidden;} body{margin:0;} .w...

    用户1730674

扫码关注云+社区

领取腾讯云代金券