文档章节

jQuery的选择器(三)

博为峰教研组
 博为峰教研组
发布于 2016/12/07 16:52
字数 297
阅读 38
收藏 0

三、过滤选择器

3.可见性过滤选择器

:visible:取可见的元素

:hidden:取不可见的元素

使用可见性过滤选择择器过滤元素

4.属性过滤选择器

[attribute]:取拥有attribute属性的元素

[attribute = value]:取attribute属性值等于value

[attribute != value]:取attribute属性值不等于value

[attribute ^= value]:attribute属性值以value开始

[attribute $= value]:attribute属性值以value结尾

[attribute *= value]:attribute属性值包含value

[selector1][selector2]:复合型属性过滤器,同时满足多个条件

布局如下:

<body>

<h1>属性过滤选择器</h1>

<ul>

<li><a href="#" title="认识jquery" class="a1">认识jquery</a></li>

<li><a href="#" title="jquery选择器" class="a1">jquery选择器</a></li>

<li><a href="#" title="jquery事件">jquery事件</a></li>

<li><a href="#">其他</a></li>

</ul>

</body>

使用属性过滤选择择器过滤元素

<script src="js/jquery-3.1.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

// [属性]

$("a[title]").css("color","red");

// [属性=value]

$("a[class=a1]").css("font-size","30px");

// [属性!=value]

$("a[class!=a1]").css("font-size","10px");

// [属性^=value]

$("a[title^=jquery]").css("background","green");

// [属性$=value]

$("a[title$=jquery]").css("background","yellow");

// [属性*=value]

$("a[title*=jquery]").css("font-size","20px");

// 多属性选择器

$("a[title^=jquery],a[class=a1]").hide();

});

</script>

 

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
【jQuery】-----jQuery简介(一)

query在线api文档:http://t.mb5u.com/jquery/ 最新的api文档:http://api.jquery.com 官方网站:http://www.ycku.com 北风网网址:http://www.ibeifeng.com 一.什么是jQuery 1、 什么是DOM...

LYQ1990
2016/06/03
0
0
jquery合集--从零开始学习jQuery系列- 转载

从零开始学习jQuery系列 作者: ziqiu.zhang 来源: 博客园 发布时间: 2009-12-22 11:37 阅读: 3452 次 [收藏] 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二...

nkbai
2010/04/06
0
0
jQuery零基础入门——(二)Selector选择器

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 大家好,欢迎回到我们的jQuery零基础...

JandenMa
07/01
0
0
jQuery学习笔记--选择器和事件

以下内容参考 W3school 简书 你要是问我什么是jQuery 那可以这么两句话概括: jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 要学jQuery最好有点javaScript的基础 ...

codingcoge
05/17
0
0
JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒
05/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

开源软件会被云杀死吗 ?

本文转载云头条,原作者:Michael Stiefel是Reliable Software公司的负责人,是一名软件架构和开发顾问。 文章要点 虽然开源开发不会消失,但商业开源厂商的未来不是很有希望。随着全面管理的...

linuxCool
27分钟前
1
0
OSChina 周三乱弹 —— 谈什么对象?睡什么觉?

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @胖达panda :最肯忘却古人诗,最不屑一顾是相思。分享童丽的单曲《红豆生南国》: 《红豆生南国》- 童丽 手机党少年们想听歌,请使劲儿戳(这...

小小编辑
32分钟前
81
5
stylus

stylus基础教程,stylus实例教程,stylus语法总结

miaojiangmin
今天
3
0
PHP生成CSV之内部换行

当我们使用PHP将采集到的文件内容保存到csv文件时,往往需要将采集内容进行二次过滤处理才能得到需要的内容。比如网页中的换行符,空格符等等。 对于空格等处理起来都比较简单,这里我们单独...

豆花饭烧土豆
今天
2
0
使用 mjml 生成 thymeleaf 邮件框架模板

发邮件算是系统开发的一个基本需求了,不过搞邮件模板实在是件恶心事,估计搞过的同仁都有体会。 得支持多种客户端 支持响应式 疼彻心扉的 outlook 多数客户端只支持 inline 形式的 css 布局...

郁也风
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部