博客列表 >jquery基本选择器

jquery基本选择器

梁凯达的博客
梁凯达的博客原创
2018年04月29日 21:48:51861浏览

1、选择包含指定内容词语的选择器


$('p:contains('春')').addClsaa('bg-wheat')/标签中包含“春”的,春字最好用双引号圈中/


contains包含


2、选择内容为空的元素(选择页面中所有的空标签)


$(':empty').text('春天来了')


3、选择带有某个子标签的元素


$('p:has('img')').addClass('bg-green')/has有的意思,P标签中包含了img元素的选中/


4、选择所有的以p标签开头的父元素的节点;


$('p:parent').addClass('bg-green')/parent:父元素/


5、取反过滤器


$(':not(:empty')).css('color','red')


代码运行部分:


实例

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

   <p>床</p>

   <p></p>

   <p>床前明月光,疑是地上霜<a>。</a></p>

   <p>举头望明月,低头思故乡<a>。</a></p>

</body>

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

$('p:contains("床")').css('color','red')

$('p:empty').text('李白')

$('p:parent').css('color','blue')

$('p:has("a")').css('color','darkred')

$(":not(:empty)").css('color','black')

</script>

</html>


运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议