文档章节

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学习笔记--选择器和事件

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

codingcoge
05/17
0
0
从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN...

fengdaoting
07/04
0
0
JavaWeb05-HTML篇笔记(一)

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

我是小谷粒
05/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

八种排序算法的时间复杂度复杂度

1、稳定性 归并排序、冒泡排序、插入排序。基数排序是稳定的 选择排序、快速排序、希尔排序、堆排序是不稳定的 2、时间复杂度 最基础的四个算法:冒泡、选择、插入、快排中,快排的时间复杂度...

陈刚生
21分钟前
1
0
大数据学习系列 Hadoop+Spark+Zookeeper+HBase+Hive集群搭建 图文详解

目录 引言 目录 一、环境选择 1,集群机器安装图 2,配置说明 3,下载地址 二、集群的相关配置 1,主机名更改以及主机和IP做相关映射 2,ssh免登录 3,防火墙关闭 4,时间配置 5,快捷键设置...

董黎明
34分钟前
1
1
六元一个的私有博客系统,了解一下?

神说要有光,于是便有了光 写代码的,偶尔都想装点逼,想要自己写点博客。刚开始还能在各大社区写,比如说CSDN,开源中国,博客园什么的。但是越写就会越觉得,那些博客平台都不是自己想要的...

耒耒耒耒耒
39分钟前
1
0
maven环境隔离

一.maven项目环境根据实际情况进行隔离: 开发环境 dev 测试环境 beta 线上环境 prod 二.pom 配置: build节点 <build> <resources> <resource> <directory>src/......

imbiao
40分钟前
1
0
webrtc收包流程源码分析

版本: webrtc M59 收包流程: AsyncUDPSocket::OnReadEvent AllocationSequence::OnReadPacket HandleIncomingPacket UDPPort::OnReadPacket Connection::OnReadPacket P2PTransportChannel......

bill_shen
42分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部