温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

夺命雷公狗jquery---4内容选择器

发布时间:2020-06-29 14:56:20 来源:网络 阅读:271 作者:夺命雷公狗 栏目:web开发
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>test</title>
		<script src="js/jquery.js" ></script>
		<script>
			window.onload = function(){
				document.getElementById('btnok').onclick = function(){
					//1.匹配内容包含 “虾” 的li借点
					//$('li:contains(虾)').css('backgroundColor','red');
					//2.匹配空元素
					//$('li:empty()').html('庄家通杀');
					//3.匹配包含span元素的li节点
					//$('li:has(span)').css('backgroundColor','red');
					//4.匹配不为空的元素
					$('li:parent()').html('想啥呢?继续敲代码');
				}
			}
		</script>
	</head>
	<body>
		<input type="button" id="btnok" value="匹配" />
		<hr/>
		<ul>
			<li>鱼</li>
			<li></li>
			<li>虾</li>
			<li>蟹</li>
			<li><span>庄家通杀</span></li>
		</ul>
	</body>
</html>


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI